#C4C7FF - #DCDFF3 | 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 #C4C7FF to #DCDFF3

#C4C7FF #DCDFF3

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

#C4C7FF - #DCDFF3 | 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 #C4C7FF as 0% and #DCDFF3 as 100%.

0.0%	0.0% #C4C7FF	RGB 196 199 255	#C4C7FF
16.7%	16.7% #C8CBFD	RGB 200 203 253	#C8CBFD
33.3%	33.3% #CCCFFB	RGB 204 207 251	#CCCFFB
50.0%	50.0% #D0D3F9	RGB 208 211 249	#D0D3F9
66.7%	66.7% #D4D7F7	RGB 212 215 247	#D4D7F7
83.3%	83.3% #D8DBF5	RGB 216 219 245	#D8DBF5
100.0%	100.0% #DCDFF3	RGB 220 223 243	#DCDFF3

#C4C7FF #C8CBFD #CCCFFB #D0D3F9 #D4D7F7 #D8DBF5 #DCDFF3

#C4C7FF - #DCDFF3

HSV Blend

#C4C7FF - #DCDFF3 | 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 #C4C7FF as 0% and #DCDFF3 as 100%.

0.0%	0.0% #C4C7FF	RGB 196 199 255	#C4C7FF
16.7%	16.7% #C8CBFD	RGB 200 203 253	#C8CBFD
33.3%	33.3% #CCCFFB	RGB 204 207 251	#CCCFFB
50.0%	50.0% #D0D4F9	RGB 208 212 249	#D0D4F9
66.7%	66.7% #D4D7F7	RGB 212 215 247	#D4D7F7
83.3%	83.3% #D8DBF5	RGB 216 219 245	#D8DBF5
100.0%	100.0% #DCDFF3	RGB 220 223 243	#DCDFF3

#C4C7FF #C8CBFD #CCCFFB #D0D4F9 #D4D7F7 #D8DBF5 #DCDFF3

#C4C7FF - #D0D4F9 - #DCDFF3

CSS codes

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

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