#C7CAFF - #CFFFF0 | 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 #C7CAFF to #CFFFF0

#C7CAFF #CFFFF0

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

#C7CAFF - #CFFFF0 | 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 #C7CAFF as 0% and #CFFFF0 as 100%.

0.0%	0.0% #C7CAFF	RGB 199 202 255	#C7CAFF
16.7%	16.7% #C8D2FC	RGB 200 210 252	#C8D2FC
33.3%	33.3% #C9DBFA	RGB 201 219 250	#C9DBFA
50.0%	50.0% #CBE4F7	RGB 203 228 247	#CBE4F7
66.7%	66.7% #CCEDF5	RGB 204 237 245	#CCEDF5
83.3%	83.3% #CDF6F2	RGB 205 246 242	#CDF6F2
100.0%	100.0% #CFFFF0	RGB 207 255 240	#CFFFF0

#C7CAFF #C8D2FC #C9DBFA #CBE4F7 #CCEDF5 #CDF6F2 #CFFFF0

#C7CAFF - #CFFFF0

HSV Blend

#C7CAFF - #CFFFF0 | 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 #C7CAFF as 0% and #CFFFF0 as 100%.

0.0%	0.0% #C7CAFF	RGB 199 202 255	#C7CAFF
16.7%	16.7% #C8D6FF	RGB 200 214 255	#C8D6FF
33.3%	33.3% #C9E2FF	RGB 201 226 255	#C9E2FF
50.0%	50.0% #CBEEFF	RGB 203 238 255	#CBEEFF
66.7%	66.7% #CCF9FF	RGB 204 249 255	#CCF9FF
83.3%	83.3% #CDFFF9	RGB 205 255 249	#CDFFF9
100.0%	100.0% #CFFFF0	RGB 207 255 240	#CFFFF0

#C7CAFF #C8D6FF #C9E2FF #CBEEFF #CCF9FF #CDFFF9 #CFFFF0

#C7CAFF - #CBEEFF - #CFFFF0

CSS codes

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

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