#DCC3DF - #896B9E | 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 #DCC3DF to #896B9E

#DCC3DF #896B9E

Calculate the color between two colors, #DCC3DF and #896B9E. 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)

#DCC3DF - #896B9E | 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 #DCC3DF as 0% and #896B9E as 100%.

0.0%	0.0% #DCC3DF	RGB 220 195 223	#DCC3DF
16.7%	16.7% #CEB4D4	RGB 206 180 212	#CEB4D4
33.3%	33.3% #C0A5C9	RGB 192 165 201	#C0A5C9
50.0%	50.0% #B297BE	RGB 178 151 190	#B297BE
66.7%	66.7% #A488B3	RGB 164 136 179	#A488B3
83.3%	83.3% #9679A8	RGB 150 121 168	#9679A8
100.0%	100.0% #896B9E	RGB 137 107 158	#896B9E

#DCC3DF #CEB4D4 #C0A5C9 #B297BE #A488B3 #9679A8 #896B9E

#DCC3DF - #896B9E

HSV Blend

#DCC3DF - #896B9E | 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 #DCC3DF as 0% and #896B9E as 100%.

0.0%	0.0% #DCC3DF	RGB 220 195 223	#DCC3DF
16.7%	16.7% #CEB2D4	RGB 206 178 212	#CEB2D4
33.3%	33.3% #C1A2C9	RGB 193 162 201	#C1A2C9
50.0%	50.0% #B393BE	RGB 179 147 190	#B393BE
66.7%	66.7% #A585B3	RGB 165 133 179	#A585B3
83.3%	83.3% #9777A8	RGB 151 119 168	#9777A8
100.0%	100.0% #896B9E	RGB 137 107 158	#896B9E

#DCC3DF #CEB2D4 #C1A2C9 #B393BE #A585B3 #9777A8 #896B9E

#DCC3DF - #B393BE - #896B9E

CSS codes

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

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