#DAB5EB - #874FAF | 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 #DAB5EB to #874FAF

#DAB5EB #874FAF

Calculate the color between two colors, #DAB5EB and #874FAF. 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)

#DAB5EB - #874FAF | 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 #DAB5EB as 0% and #874FAF as 100%.

0.0%	0.0% #DAB5EB	RGB 218 181 235	#DAB5EB
16.7%	16.7% #CCA4E1	RGB 204 164 225	#CCA4E1
33.3%	33.3% #BE93D7	RGB 190 147 215	#BE93D7
50.0%	50.0% #B082CD	RGB 176 130 205	#B082CD
66.7%	66.7% #A271C3	RGB 162 113 195	#A271C3
83.3%	83.3% #9460B9	RGB 148 96 185	#9460B9
100.0%	100.0% #874FAF	RGB 135 79 175	#874FAF

#DAB5EB #CCA4E1 #BE93D7 #B082CD #A271C3 #9460B9 #874FAF

#DAB5EB - #874FAF

HSV Blend

#DAB5EB - #874FAF | 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 #DAB5EB as 0% and #874FAF as 100%.

0.0%	0.0% #DAB5EB	RGB 218 181 235	#DAB5EB
16.7%	16.7% #CBA1E1	RGB 203 161 225	#CBA1E1
33.3%	33.3% #BD8ED7	RGB 189 142 215	#BD8ED7
50.0%	50.0% #AF7DCD	RGB 175 125 205	#AF7DCD
66.7%	66.7% #A16CC3	RGB 161 108 195	#A16CC3
83.3%	83.3% #945DB9	RGB 148 93 185	#945DB9
100.0%	100.0% #874FAF	RGB 135 79 175	#874FAF

#DAB5EB #CBA1E1 #BD8ED7 #AF7DCD #A16CC3 #945DB9 #874FAF

#DAB5EB - #AF7DCD - #874FAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAB5EB 0%, #AF7DCD 50%, #874FAF 100%);
    background: -webkit-linear-gradient(top, #DAB5EB 0%, #AF7DCD 50%, #874FAF 100%);
    background: linear-gradient(to bottom, #DAB5EB 0%, #AF7DCD 50%, #874FAF 100%);
}
</style>