#8BA3E7 - #C3D3E4 | 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 #8BA3E7 to #C3D3E4

#8BA3E7 #C3D3E4

Calculate the color between two colors, #8BA3E7 and #C3D3E4. 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)

#8BA3E7 - #C3D3E4 | 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 #8BA3E7 as 0% and #C3D3E4 as 100%.

0.0%	0.0% #8BA3E7	RGB 139 163 231	#8BA3E7
16.7%	16.7% #94ABE6	RGB 148 171 230	#94ABE6
33.3%	33.3% #9DB3E6	RGB 157 179 230	#9DB3E6
50.0%	50.0% #A7BBE5	RGB 167 187 229	#A7BBE5
66.7%	66.7% #B0C3E5	RGB 176 195 229	#B0C3E5
83.3%	83.3% #B9CBE4	RGB 185 203 228	#B9CBE4
100.0%	100.0% #C3D3E4	RGB 195 211 228	#C3D3E4

#8BA3E7 #94ABE6 #9DB3E6 #A7BBE5 #B0C3E5 #B9CBE4 #C3D3E4

#8BA3E7 - #C3D3E4

HSV Blend

#8BA3E7 - #C3D3E4 | 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 #8BA3E7 as 0% and #C3D3E4 as 100%.

0.0%	0.0% #8BA2E7	RGB 139 162 231	#8BA2E7
16.7%	16.7% #94ACE6	RGB 148 172 230	#94ACE6
33.3%	33.3% #9DB6E6	RGB 157 182 230	#9DB6E6
50.0%	50.0% #A7BEE5	RGB 167 190 229	#A7BEE5
66.7%	66.7% #B0C6E5	RGB 176 198 229	#B0C6E5
83.3%	83.3% #B9CCE4	RGB 185 204 228	#B9CCE4
100.0%	100.0% #C3D3E4	RGB 195 211 228	#C3D3E4

#8BA2E7 #94ACE6 #9DB6E6 #A7BEE5 #B0C6E5 #B9CCE4 #C3D3E4

#8BA3E7 - #A7BEE5 - #C3D3E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8BA2E7 0%, #A7BEE5 50%, #C3D3E4 100%);
    background: -webkit-linear-gradient(top, #8BA2E7 0%, #A7BEE5 50%, #C3D3E4 100%);
    background: linear-gradient(to bottom, #8BA2E7 0%, #A7BEE5 50%, #C3D3E4 100%);
}
</style>