#C7C2FF - #D4E7E2 | 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 #C7C2FF to #D4E7E2

#C7C2FF #D4E7E2

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

#C7C2FF - #D4E7E2 | 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 #C7C2FF as 0% and #D4E7E2 as 100%.

0.0%	0.0% #C7C2FF	RGB 199 194 255	#C7C2FF
16.7%	16.7% #C9C8FA	RGB 201 200 250	#C9C8FA
33.3%	33.3% #CBCEF5	RGB 203 206 245	#CBCEF5
50.0%	50.0% #CDD4F0	RGB 205 212 240	#CDD4F0
66.7%	66.7% #CFDAEB	RGB 207 218 235	#CFDAEB
83.3%	83.3% #D1E0E6	RGB 209 224 230	#D1E0E6
100.0%	100.0% #D4E7E2	RGB 212 231 226	#D4E7E2

#C7C2FF #C9C8FA #CBCEF5 #CDD4F0 #CFDAEB #D1E0E6 #D4E7E2

#C7C2FF - #D4E7E2

HSV Blend

#C7C2FF - #D4E7E2 | 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 #C7C2FF as 0% and #D4E7E2 as 100%.

0.0%	0.0% #C7C2FF	RGB 199 194 255	#C7C2FF
16.7%	16.7% #C5CDFB	RGB 197 205 251	#C5CDFB
33.3%	33.3% #C8D9F7	RGB 200 217 247	#C8D9F7
50.0%	50.0% #CBE3F3	RGB 203 227 243	#CBE3F3
66.7%	66.7% #CEE9EF	RGB 206 233 239	#CEE9EF
83.3%	83.3% #D1EBEA	RGB 209 235 234	#D1EBEA
100.0%	100.0% #D4E7E2	RGB 212 231 226	#D4E7E2

#C7C2FF #C5CDFB #C8D9F7 #CBE3F3 #CEE9EF #D1EBEA #D4E7E2

#C7C2FF - #CBE3F3 - #D4E7E2

CSS codes

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

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