#DBC3E8 - #8B65AB | 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 #DBC3E8 to #8B65AB

#DBC3E8 #8B65AB

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

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

0.0%	0.0% #DBC3E8	RGB 219 195 232	#DBC3E8
16.7%	16.7% #CDB3DD	RGB 205 179 221	#CDB3DD
33.3%	33.3% #C0A3D3	RGB 192 163 211	#C0A3D3
50.0%	50.0% #B394C9	RGB 179 148 201	#B394C9
66.7%	66.7% #A584BF	RGB 165 132 191	#A584BF
83.3%	83.3% #9874B5	RGB 152 116 181	#9874B5
100.0%	100.0% #8B65AB	RGB 139 101 171	#8B65AB

#DBC3E8 #CDB3DD #C0A3D3 #B394C9 #A584BF #9874B5 #8B65AB

#DBC3E8 - #8B65AB

HSV Blend

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

0.0%	0.0% #DBC3E8	RGB 219 195 232	#DBC3E8
16.7%	16.7% #CDB1DD	RGB 205 177 221	#CDB1DD
33.3%	33.3% #BFA0D3	RGB 191 160 211	#BFA0D3
50.0%	50.0% #B290C9	RGB 178 144 201	#B290C9
66.7%	66.7% #A580BF	RGB 165 128 191	#A580BF
83.3%	83.3% #9772B5	RGB 151 114 181	#9772B5
100.0%	100.0% #8B65AB	RGB 139 101 171	#8B65AB

#DBC3E8 #CDB1DD #BFA0D3 #B290C9 #A580BF #9772B5 #8B65AB

#DBC3E8 - #B290C9 - #8B65AB

CSS codes

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

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