#D1C7E3 - #865DB4 | 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 #D1C7E3 to #865DB4

#D1C7E3 #865DB4

Calculate the color between two colors, #D1C7E3 and #865DB4. 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)

#D1C7E3 - #865DB4 | 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 #D1C7E3 as 0% and #865DB4 as 100%.

0.0%	0.0% #D1C7E3	RGB 209 199 227	#D1C7E3
16.7%	16.7% #C4B5DB	RGB 196 181 219	#C4B5DB
33.3%	33.3% #B8A3D3	RGB 184 163 211	#B8A3D3
50.0%	50.0% #AB92CB	RGB 171 146 203	#AB92CB
66.7%	66.7% #9F80C3	RGB 159 128 195	#9F80C3
83.3%	83.3% #926EBB	RGB 146 110 187	#926EBB
100.0%	100.0% #865DB4	RGB 134 93 180	#865DB4

#D1C7E3 #C4B5DB #B8A3D3 #AB92CB #9F80C3 #926EBB #865DB4

#D1C7E3 - #865DB4

HSV Blend

#D1C7E3 - #865DB4 | 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 #D1C7E3 as 0% and #865DB4 as 100%.

0.0%	0.0% #D1C7E3	RGB 209 199 227	#D1C7E3
16.7%	16.7% #C2B2DB	RGB 194 178 219	#C2B2DB
33.3%	33.3% #B49FD3	RGB 180 159 211	#B49FD3
50.0%	50.0% #A78DCB	RGB 167 141 203	#A78DCB
66.7%	66.7% #9B7CC3	RGB 155 124 195	#9B7CC3
83.3%	83.3% #906CBB	RGB 144 108 187	#906CBB
100.0%	100.0% #865DB4	RGB 134 93 180	#865DB4

#D1C7E3 #C2B2DB #B49FD3 #A78DCB #9B7CC3 #906CBB #865DB4

#D1C7E3 - #A78DCB - #865DB4

CSS codes

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

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