#C8F2F8 - #F3EAF2 | 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 #C8F2F8 to #F3EAF2

#C8F2F8 #F3EAF2

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

#C8F2F8 - #F3EAF2 | 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 #C8F2F8 as 0% and #F3EAF2 as 100%.

0.0%	0.0% #C8F2F8	RGB 200 242 248	#C8F2F8
16.7%	16.7% #CFF0F7	RGB 207 240 247	#CFF0F7
33.3%	33.3% #D6EFF6	RGB 214 239 246	#D6EFF6
50.0%	50.0% #DDEEF5	RGB 221 238 245	#DDEEF5
66.7%	66.7% #E4ECF4	RGB 228 236 244	#E4ECF4
83.3%	83.3% #EBEBF3	RGB 235 235 243	#EBEBF3
100.0%	100.0% #F3EAF2	RGB 243 234 242	#F3EAF2

#C8F2F8 #CFF0F7 #D6EFF6 #DDEEF5 #E4ECF4 #EBEBF3 #F3EAF2

#C8F2F8 - #F3EAF2

HSV Blend

#C8F2F8 - #F3EAF2 | 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 #C8F2F8 as 0% and #F3EAF2 as 100%.

0.0%	0.0% #C8F2F8	RGB 200 242 248	#C8F2F8
16.7%	16.7% #CDE4F7	RGB 205 228 247	#CDE4F7
33.3%	33.3% #D3DAF6	RGB 211 218 246	#D3DAF6
50.0%	50.0% #DCD9F5	RGB 220 217 245	#DCD9F5
66.7%	66.7% #E8DEF4	RGB 232 222 244	#E8DEF4
83.3%	83.3% #F0E4F3	RGB 240 228 243	#F0E4F3
100.0%	100.0% #F3EAF2	RGB 243 234 242	#F3EAF2

#C8F2F8 #CDE4F7 #D3DAF6 #DCD9F5 #E8DEF4 #F0E4F3 #F3EAF2

#C8F2F8 - #DCD9F5 - #F3EAF2

CSS codes

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

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