#C3EAFB - #374247 | 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 #C3EAFB to #374247

#C3EAFB #374247

Calculate the color between two colors, #C3EAFB and #374247. 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)

#C3EAFB - #374247 | 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 #C3EAFB as 0% and #374247 as 100%.

0.0%	0.0% #C3EAFB	RGB 195 234 251	#C3EAFB
16.7%	16.7% #ABCEDD	RGB 171 206 221	#ABCEDD
33.3%	33.3% #94B2BF	RGB 148 178 191	#94B2BF
50.0%	50.0% #7D96A1	RGB 125 150 161	#7D96A1
66.7%	66.7% #657A83	RGB 101 122 131	#657A83
83.3%	83.3% #4E5E65	RGB 78 94 101	#4E5E65
100.0%	100.0% #374247	RGB 55 66 71	#374247

#C3EAFB #ABCEDD #94B2BF #7D96A1 #657A83 #4E5E65 #374247

#C3EAFB - #374247

HSV Blend

#C3EAFB - #374247 | 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 #C3EAFB as 0% and #374247 as 100%.

0.0%	0.0% #C3EAFB	RGB 195 234 251	#C3EAFB
16.7%	16.7% #ABCDDD	RGB 171 205 221	#ABCDDD
33.3%	33.3% #94B1BF	RGB 148 177 191	#94B1BF
50.0%	50.0% #7C95A1	RGB 124 149 161	#7C95A1
66.7%	66.7% #657983	RGB 101 121 131	#657983
83.3%	83.3% #4E5D65	RGB 78 93 101	#4E5D65
100.0%	100.0% #374247	RGB 55 66 71	#374247

#C3EAFB #ABCDDD #94B1BF #7C95A1 #657983 #4E5D65 #374247

#C3EAFB - #7C95A1 - #374247

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3EAFB 0%, #7C95A1 50%, #374247 100%);
    background: -webkit-linear-gradient(top, #C3EAFB 0%, #7C95A1 50%, #374247 100%);
    background: linear-gradient(to bottom, #C3EAFB 0%, #7C95A1 50%, #374247 100%);
}
</style>