#CDD1FD - #5966DF | 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 #CDD1FD to #5966DF

#CDD1FD #5966DF

Calculate the color between two colors, #CDD1FD and #5966DF. 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)

#CDD1FD - #5966DF | 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 #CDD1FD as 0% and #5966DF as 100%.

0.0%	0.0% #CDD1FD	RGB 205 209 253	#CDD1FD
16.7%	16.7% #B9BFF8	RGB 185 191 248	#B9BFF8
33.3%	33.3% #A6ADF3	RGB 166 173 243	#A6ADF3
50.0%	50.0% #939BEE	RGB 147 155 238	#939BEE
66.7%	66.7% #7F89E9	RGB 127 137 233	#7F89E9
83.3%	83.3% #6C77E4	RGB 108 119 228	#6C77E4
100.0%	100.0% #5966DF	RGB 89 102 223	#5966DF

#CDD1FD #B9BFF8 #A6ADF3 #939BEE #7F89E9 #6C77E4 #5966DF

#CDD1FD - #5966DF

HSV Blend

#CDD1FD - #5966DF | 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 #CDD1FD as 0% and #5966DF as 100%.

0.0%	0.0% #CDD1FD	RGB 205 209 253	#CDD1FD
16.7%	16.7% #B7BDF8	RGB 183 189 248	#B7BDF8
33.3%	33.3% #A3AAF3	RGB 163 170 243	#A3AAF3
50.0%	50.0% #8F98EE	RGB 143 152 238	#8F98EE
66.7%	66.7% #7C86E9	RGB 124 134 233	#7C86E9
83.3%	83.3% #6A76E4	RGB 106 118 228	#6A76E4
100.0%	100.0% #5966DF	RGB 89 102 223	#5966DF

#CDD1FD #B7BDF8 #A3AAF3 #8F98EE #7C86E9 #6A76E4 #5966DF

#CDD1FD - #8F98EE - #5966DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD1FD 0%, #8F98EE 50%, #5966DF 100%);
    background: -webkit-linear-gradient(top, #CDD1FD 0%, #8F98EE 50%, #5966DF 100%);
    background: linear-gradient(to bottom, #CDD1FD 0%, #8F98EE 50%, #5966DF 100%);
}
</style>