#DBC3E9 - #8C65AD | 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 #DBC3E9 to #8C65AD

#DBC3E9 #8C65AD

Calculate the color between two colors, #DBC3E9 and #8C65AD. 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)

#DBC3E9 - #8C65AD | 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 #DBC3E9 as 0% and #8C65AD as 100%.

0.0%	0.0% #DBC3E9	RGB 219 195 233	#DBC3E9
16.7%	16.7% #CDB3DF	RGB 205 179 223	#CDB3DF
33.3%	33.3% #C0A3D5	RGB 192 163 213	#C0A3D5
50.0%	50.0% #B394CB	RGB 179 148 203	#B394CB
66.7%	66.7% #A684C1	RGB 166 132 193	#A684C1
83.3%	83.3% #9974B7	RGB 153 116 183	#9974B7
100.0%	100.0% #8C65AD	RGB 140 101 173	#8C65AD

#DBC3E9 #CDB3DF #C0A3D5 #B394CB #A684C1 #9974B7 #8C65AD

#DBC3E9 - #8C65AD

HSV Blend

#DBC3E9 - #8C65AD | 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 #DBC3E9 as 0% and #8C65AD as 100%.

0.0%	0.0% #DBC3E9	RGB 219 195 233	#DBC3E9
16.7%	16.7% #CDB1DF	RGB 205 177 223	#CDB1DF
33.3%	33.3% #C0A0D5	RGB 192 160 213	#C0A0D5
50.0%	50.0% #B290CB	RGB 178 144 203	#B290CB
66.7%	66.7% #A580C1	RGB 165 128 193	#A580C1
83.3%	83.3% #9872B7	RGB 152 114 183	#9872B7
100.0%	100.0% #8C65AD	RGB 140 101 173	#8C65AD

#DBC3E9 #CDB1DF #C0A0D5 #B290CB #A580C1 #9872B7 #8C65AD

#DBC3E9 - #B290CB - #8C65AD

CSS codes

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

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