#C7EAE5 - #FDFDFF | 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 #C7EAE5 to #FDFDFF

#C7EAE5 #FDFDFF

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

#C7EAE5 - #FDFDFF | 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 #C7EAE5 as 0% and #FDFDFF as 100%.

0.0%	0.0% #C7EAE5	RGB 199 234 229	#C7EAE5
16.7%	16.7% #D0EDE9	RGB 208 237 233	#D0EDE9
33.3%	33.3% #D9F0ED	RGB 217 240 237	#D9F0ED
50.0%	50.0% #E2F3F2	RGB 226 243 242	#E2F3F2
66.7%	66.7% #EBF6F6	RGB 235 246 246	#EBF6F6
83.3%	83.3% #F4F9FA	RGB 244 249 250	#F4F9FA
100.0%	100.0% #FDFDFF	RGB 253 253 255	#FDFDFF

#C7EAE5 #D0EDE9 #D9F0ED #E2F3F2 #EBF6F6 #F4F9FA #FDFDFF

#C7EAE5 - #FDFDFF

HSV Blend

#C7EAE5 - #FDFDFF | 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 #C7EAE5 as 0% and #FDFDFF as 100%.

0.0%	0.0% #C7EAE5	RGB 199 234 229	#C7EAE5
16.7%	16.7% #CFECED	RGB 207 236 237	#CFECED
33.3%	33.3% #D8EBF1	RGB 216 235 241	#D8EBF1
50.0%	50.0% #E1ECF4	RGB 225 236 244	#E1ECF4
66.7%	66.7% #EAEFF8	RGB 234 239 248	#EAEFF8
83.3%	83.3% #F3F5FB	RGB 243 245 251	#F3F5FB
100.0%	100.0% #FDFDFF	RGB 253 253 255	#FDFDFF

#C7EAE5 #CFECED #D8EBF1 #E1ECF4 #EAEFF8 #F3F5FB #FDFDFF

#C7EAE5 - #E1ECF4 - #FDFDFF

CSS codes

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

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