#DBA1DB - #813D99 | 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 #DBA1DB to #813D99

#DBA1DB #813D99

Calculate the color between two colors, #DBA1DB and #813D99. 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)

#DBA1DB - #813D99 | 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 #DBA1DB as 0% and #813D99 as 100%.

0.0%	0.0% #DBA1DB	RGB 219 161 219	#DBA1DB
16.7%	16.7% #CC90D0	RGB 204 144 208	#CC90D0
33.3%	33.3% #BD7FC5	RGB 189 127 197	#BD7FC5
50.0%	50.0% #AE6FBA	RGB 174 111 186	#AE6FBA
66.7%	66.7% #9F5EAF	RGB 159 94 175	#9F5EAF
83.3%	83.3% #904DA4	RGB 144 77 164	#904DA4
100.0%	100.0% #813D99	RGB 129 61 153	#813D99

#DBA1DB #CC90D0 #BD7FC5 #AE6FBA #9F5EAF #904DA4 #813D99

#DBA1DB - #813D99

HSV Blend

#DBA1DB - #813D99 | 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 #DBA1DB as 0% and #813D99 as 100%.

0.0%	0.0% #DBA1DB	RGB 219 161 219	#DBA1DB
16.7%	16.7% #CD8DD0	RGB 205 141 208	#CD8DD0
33.3%	33.3% #BE7AC5	RGB 190 122 197	#BE7AC5
50.0%	50.0% #AF69BA	RGB 175 105 186	#AF69BA
66.7%	66.7% #A059AF	RGB 160 89 175	#A059AF
83.3%	83.3% #904AA4	RGB 144 74 164	#904AA4
100.0%	100.0% #813D99	RGB 129 61 153	#813D99

#DBA1DB #CD8DD0 #BE7AC5 #AF69BA #A059AF #904AA4 #813D99

#DBA1DB - #AF69BA - #813D99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBA1DB 0%, #AF69BA 50%, #813D99 100%);
    background: -webkit-linear-gradient(top, #DBA1DB 0%, #AF69BA 50%, #813D99 100%);
    background: linear-gradient(to bottom, #DBA1DB 0%, #AF69BA 50%, #813D99 100%);
}
</style>