#D55CE8 - #D4C8DF | 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 #D55CE8 to #D4C8DF

#D55CE8 #D4C8DF

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

#D55CE8 - #D4C8DF | 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 #D55CE8 as 0% and #D4C8DF as 100%.

0.0%	0.0% #D55CE8	RGB 213 92 232	#D55CE8
16.7%	16.7% #D46EE6	RGB 212 110 230	#D46EE6
33.3%	33.3% #D480E5	RGB 212 128 229	#D480E5
50.0%	50.0% #D492E3	RGB 212 146 227	#D492E3
66.7%	66.7% #D4A4E2	RGB 212 164 226	#D4A4E2
83.3%	83.3% #D4B6E0	RGB 212 182 224	#D4B6E0
100.0%	100.0% #D4C8DF	RGB 212 200 223	#D4C8DF

#D55CE8 #D46EE6 #D480E5 #D492E3 #D4A4E2 #D4B6E0 #D4C8DF

#D55CE8 - #D4C8DF

HSV Blend

#D55CE8 - #D4C8DF | 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 #D55CE8 as 0% and #D4C8DF as 100%.

0.0%	0.0% #D55CE8	RGB 213 92 232	#D55CE8
16.7%	16.7% #CF6EE6	RGB 207 110 230	#CF6EE6
33.3%	33.3% #CC81E5	RGB 204 129 229	#CC81E5
50.0%	50.0% #CA93E3	RGB 202 147 227	#CA93E3
66.7%	66.7% #CBA5E2	RGB 203 165 226	#CBA5E2
83.3%	83.3% #CEB6E0	RGB 206 182 224	#CEB6E0
100.0%	100.0% #D4C8DF	RGB 212 200 223	#D4C8DF

#D55CE8 #CF6EE6 #CC81E5 #CA93E3 #CBA5E2 #CEB6E0 #D4C8DF

#D55CE8 - #CA93E3 - #D4C8DF

CSS codes

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

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