#C7CCD3 - #ECDAFF | 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 #C7CCD3 to #ECDAFF

#C7CCD3 #ECDAFF

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

#C7CCD3 - #ECDAFF | 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 #C7CCD3 as 0% and #ECDAFF as 100%.

0.0%	0.0% #C7CCD3	RGB 199 204 211	#C7CCD3
16.7%	16.7% #CDCEDA	RGB 205 206 218	#CDCEDA
33.3%	33.3% #D3D0E1	RGB 211 208 225	#D3D0E1
50.0%	50.0% #D9D3E9	RGB 217 211 233	#D9D3E9
66.7%	66.7% #DFD5F0	RGB 223 213 240	#DFD5F0
83.3%	83.3% #E5D7F7	RGB 229 215 247	#E5D7F7
100.0%	100.0% #ECDAFF	RGB 236 218 255	#ECDAFF

#C7CCD3 #CDCEDA #D3D0E1 #D9D3E9 #DFD5F0 #E5D7F7 #ECDAFF

#C7CCD3 - #ECDAFF

HSV Blend

#C7CCD3 - #ECDAFF | 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 #C7CCD3 as 0% and #ECDAFF as 100%.

0.0%	0.0% #C7CCD3	RGB 199 204 211	#C7CCD3
16.7%	16.7% #CACEDA	RGB 202 206 218	#CACEDA
33.3%	33.3% #CED0E1	RGB 206 208 225	#CED0E1
50.0%	50.0% #D2D1E9	RGB 210 209 233	#D2D1E9
66.7%	66.7% #D9D4F0	RGB 217 212 240	#D9D4F0
83.3%	83.3% #E2D7F7	RGB 226 215 247	#E2D7F7
100.0%	100.0% #ECDAFF	RGB 236 218 255	#ECDAFF

#C7CCD3 #CACEDA #CED0E1 #D2D1E9 #D9D4F0 #E2D7F7 #ECDAFF

#C7CCD3 - #D2D1E9 - #ECDAFF

CSS codes

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

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