#C0DFD4 - #EBD5FF | 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 #C0DFD4 to #EBD5FF

#C0DFD4 #EBD5FF

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

#C0DFD4 - #EBD5FF | 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 #C0DFD4 as 0% and #EBD5FF as 100%.

0.0%	0.0% #C0DFD4	RGB 192 223 212	#C0DFD4
16.7%	16.7% #C7DDDB	RGB 199 221 219	#C7DDDB
33.3%	33.3% #CEDBE2	RGB 206 219 226	#CEDBE2
50.0%	50.0% #D5DAE9	RGB 213 218 233	#D5DAE9
66.7%	66.7% #DCD8F0	RGB 220 216 240	#DCD8F0
83.3%	83.3% #E3D6F7	RGB 227 214 247	#E3D6F7
100.0%	100.0% #EBD5FF	RGB 235 213 255	#EBD5FF

#C0DFD4 #C7DDDB #CEDBE2 #D5DAE9 #DCD8F0 #E3D6F7 #EBD5FF

#C0DFD4 - #EBD5FF

HSV Blend

#C0DFD4 - #EBD5FF | 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 #C0DFD4 as 0% and #EBD5FF as 100%.

0.0%	0.0% #C0DFD4	RGB 192 223 212	#C0DFD4
16.7%	16.7% #C3E4E2	RGB 195 228 226	#C3E4E2
33.3%	33.3% #C7E0E9	RGB 199 224 233	#C7E0E9
50.0%	50.0% #CAD9EF	RGB 202 217 239	#CAD9EF
66.7%	66.7% #CED2F4	RGB 206 210 244	#CED2F4
83.3%	83.3% #DAD1F9	RGB 218 209 249	#DAD1F9
100.0%	100.0% #EBD5FF	RGB 235 213 255	#EBD5FF

#C0DFD4 #C3E4E2 #C7E0E9 #CAD9EF #CED2F4 #DAD1F9 #EBD5FF

#C0DFD4 - #CAD9EF - #EBD5FF

CSS codes

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

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