#6374D1 - #A2B9E2 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #6374D1 to #A2B9E2

#6374D1 #A2B9E2

Calculate the color between two colors, #6374D1 and #A2B9E2. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#6374D1 - #A2B9E2 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #6374D1 as 0% and #A2B9E2 as 100%.

0.0%	0.0% #6374D1	RGB 99 116 209	#6374D1
16.7%	16.7% #6D7FD3	RGB 109 127 211	#6D7FD3
33.3%	33.3% #788BD6	RGB 120 139 214	#788BD6
50.0%	50.0% #8296D9	RGB 130 150 217	#8296D9
66.7%	66.7% #8DA2DC	RGB 141 162 220	#8DA2DC
83.3%	83.3% #97ADDF	RGB 151 173 223	#97ADDF
100.0%	100.0% #A2B9E2	RGB 162 185 226	#A2B9E2

#6374D1 #6D7FD3 #788BD6 #8296D9 #8DA2DC #97ADDF #A2B9E2

#6374D1 - #A2B9E2

HSV Blend

#6374D1 - #A2B9E2 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #6374D1 as 0% and #A2B9E2 as 100%.

0.0%	0.0% #6374D1	RGB 99 116 209	#6374D1
16.7%	16.7% #6C80D3	RGB 108 128 211	#6C80D3
33.3%	33.3% #778CD6	RGB 119 140 214	#778CD6
50.0%	50.0% #8198D9	RGB 129 152 217	#8198D9
66.7%	66.7% #8CA3DC	RGB 140 163 220	#8CA3DC
83.3%	83.3% #96AEDF	RGB 150 174 223	#96AEDF
100.0%	100.0% #A2B9E2	RGB 162 185 226	#A2B9E2

#6374D1 #6C80D3 #778CD6 #8198D9 #8CA3DC #96AEDF #A2B9E2

#6374D1 - #8198D9 - #A2B9E2

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #6374D1 0%, #A2B9E2 100%);
    background: -webkit-linear-gradient(top, #6374D1 0%, #A2B9E2 100%);
    background: linear-gradient(to bottom, #6374D1 0%, #A2B9E2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6374D1 0%, #8198D9 50%, #A2B9E2 100%);
    background: -webkit-linear-gradient(top, #6374D1 0%, #8198D9 50%, #A2B9E2 100%);
    background: linear-gradient(to bottom, #6374D1 0%, #8198D9 50%, #A2B9E2 100%);
}
</style>