#C0D9C3 - #EAD4FF | 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 #C0D9C3 to #EAD4FF

#C0D9C3 #EAD4FF

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

#C0D9C3 - #EAD4FF | 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 #C0D9C3 as 0% and #EAD4FF as 100%.

0.0%	0.0% #C0D9C3	RGB 192 217 195	#C0D9C3
16.7%	16.7% #C7D8CD	RGB 199 216 205	#C7D8CD
33.3%	33.3% #CED7D7	RGB 206 215 215	#CED7D7
50.0%	50.0% #D5D6E1	RGB 213 214 225	#D5D6E1
66.7%	66.7% #DCD5EB	RGB 220 213 235	#DCD5EB
83.3%	83.3% #E3D4F5	RGB 227 212 245	#E3D4F5
100.0%	100.0% #EAD4FF	RGB 234 212 255	#EAD4FF

#C0D9C3 #C7D8CD #CED7D7 #D5D6E1 #DCD5EB #E3D4F5 #EAD4FF

#C0D9C3 - #EAD4FF

HSV Blend

#C0D9C3 - #EAD4FF | 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 #C0D9C3 as 0% and #EAD4FF as 100%.

0.0%	0.0% #C0D9C3	RGB 192 217 195	#C0D9C3
16.7%	16.7% #C3DFD1	RGB 195 223 209	#C3DFD1
33.3%	33.3% #C7E5E3	RGB 199 229 227	#C7E5E3
50.0%	50.0% #CAE1EC	RGB 202 225 236	#CAE1EC
66.7%	66.7% #CDD8F2	RGB 205 216 242	#CDD8F2
83.3%	83.3% #D5D0F8	RGB 213 208 248	#D5D0F8
100.0%	100.0% #EAD4FF	RGB 234 212 255	#EAD4FF

#C0D9C3 #C3DFD1 #C7E5E3 #CAE1EC #CDD8F2 #D5D0F8 #EAD4FF

#C0D9C3 - #CAE1EC - #EAD4FF

CSS codes

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

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