#C0CFDA - #FFCFFC | 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 #C0CFDA to #FFCFFC

#C0CFDA #FFCFFC

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

#C0CFDA - #FFCFFC | 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 #C0CFDA as 0% and #FFCFFC as 100%.

0.0%	0.0% #C0CFDA	RGB 192 207 218	#C0CFDA
16.7%	16.7% #CACFDF	RGB 202 207 223	#CACFDF
33.3%	33.3% #D5CFE5	RGB 213 207 229	#D5CFE5
50.0%	50.0% #DFCFEB	RGB 223 207 235	#DFCFEB
66.7%	66.7% #EACFF0	RGB 234 207 240	#EACFF0
83.3%	83.3% #F4CFF6	RGB 244 207 246	#F4CFF6
100.0%	100.0% #FFCFFC	RGB 255 207 252	#FFCFFC

#C0CFDA #CACFDF #D5CFE5 #DFCFEB #EACFF0 #F4CFF6 #FFCFFC

#C0CFDA - #FFCFFC

HSV Blend

#C0CFDA - #FFCFFC | 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 #C0CFDA as 0% and #FFCFFC as 100%.

0.0%	0.0% #C0CFDA	RGB 192 207 218	#C0CFDA
16.7%	16.7% #C2CBE0	RGB 194 203 224	#C2CBE0
33.3%	33.3% #C5C6E6	RGB 197 198 230	#C5C6E6
50.0%	50.0% #D0C8EC	RGB 208 200 236	#D0C8EC
66.7%	66.7% #DFCAF2	RGB 223 202 242	#DFCAF2
83.3%	83.3% #EFCCF8	RGB 239 204 248	#EFCCF8
100.0%	100.0% #FFCFFC	RGB 255 207 252	#FFCFFC

#C0CFDA #C2CBE0 #C5C6E6 #D0C8EC #DFCAF2 #EFCCF8 #FFCFFC

#C0CFDA - #D0C8EC - #FFCFFC

CSS codes

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

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