#DAB9F3 - #8951BB | 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 #DAB9F3 to #8951BB

#DAB9F3 #8951BB

Calculate the color between two colors, #DAB9F3 and #8951BB. 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)

#DAB9F3 - #8951BB | 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 #DAB9F3 as 0% and #8951BB as 100%.

0.0%	0.0% #DAB9F3	RGB 218 185 243	#DAB9F3
16.7%	16.7% #CCA7E9	RGB 204 167 233	#CCA7E9
33.3%	33.3% #BF96E0	RGB 191 150 224	#BF96E0
50.0%	50.0% #B185D7	RGB 177 133 215	#B185D7
66.7%	66.7% #A473CD	RGB 164 115 205	#A473CD
83.3%	83.3% #9662C4	RGB 150 98 196	#9662C4
100.0%	100.0% #8951BB	RGB 137 81 187	#8951BB

#DAB9F3 #CCA7E9 #BF96E0 #B185D7 #A473CD #9662C4 #8951BB

#DAB9F3 - #8951BB

HSV Blend

#DAB9F3 - #8951BB | 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 #DAB9F3 as 0% and #8951BB as 100%.

0.0%	0.0% #DAB9F3	RGB 218 185 243	#DAB9F3
16.7%	16.7% #CBA5E9	RGB 203 165 233	#CBA5E9
33.3%	33.3% #BD92E0	RGB 189 146 224	#BD92E0
50.0%	50.0% #AF80D7	RGB 175 128 215	#AF80D7
66.7%	66.7% #A26FCD	RGB 162 111 205	#A26FCD
83.3%	83.3% #955FC4	RGB 149 95 196	#955FC4
100.0%	100.0% #8951BB	RGB 137 81 187	#8951BB

#DAB9F3 #CBA5E9 #BD92E0 #AF80D7 #A26FCD #955FC4 #8951BB

#DAB9F3 - #AF80D7 - #8951BB

CSS codes

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

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