#DBADDB - #834D99 | 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 #DBADDB to #834D99

#DBADDB #834D99

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

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

0.0%	0.0% #DBADDB	RGB 219 173 219	#DBADDB
16.7%	16.7% #CC9DD0	RGB 204 157 208	#CC9DD0
33.3%	33.3% #BD8DC5	RGB 189 141 197	#BD8DC5
50.0%	50.0% #AF7DBA	RGB 175 125 186	#AF7DBA
66.7%	66.7% #A06DAF	RGB 160 109 175	#A06DAF
83.3%	83.3% #915DA4	RGB 145 93 164	#915DA4
100.0%	100.0% #834D99	RGB 131 77 153	#834D99

#DBADDB #CC9DD0 #BD8DC5 #AF7DBA #A06DAF #915DA4 #834D99

#DBADDB - #834D99

HSV Blend

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

0.0%	0.0% #DBADDB	RGB 219 173 219	#DBADDB
16.7%	16.7% #CD9AD0	RGB 205 154 208	#CD9AD0
33.3%	33.3% #BF88C5	RGB 191 136 197	#BF88C5
50.0%	50.0% #B078BA	RGB 176 120 186	#B078BA
66.7%	66.7% #A168AF	RGB 161 104 175	#A168AF
83.3%	83.3% #925AA4	RGB 146 90 164	#925AA4
100.0%	100.0% #834D99	RGB 131 77 153	#834D99

#DBADDB #CD9AD0 #BF88C5 #B078BA #A168AF #925AA4 #834D99

#DBADDB - #B078BA - #834D99

CSS codes

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

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