#DBA1D9 - #AF4CB5 | 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 #DBA1D9 to #AF4CB5

#DBA1D9 #AF4CB5

Calculate the color between two colors, #DBA1D9 and #AF4CB5. 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)

#DBA1D9 - #AF4CB5 | 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 #DBA1D9 as 0% and #AF4CB5 as 100%.

0.0%	0.0% #DBA1D9	RGB 219 161 217	#DBA1D9
16.7%	16.7% #D392D3	RGB 211 146 211	#D392D3
33.3%	33.3% #CC84CD	RGB 204 132 205	#CC84CD
50.0%	50.0% #C576C7	RGB 197 118 199	#C576C7
66.7%	66.7% #BD68C1	RGB 189 104 193	#BD68C1
83.3%	83.3% #B65ABB	RGB 182 90 187	#B65ABB
100.0%	100.0% #AF4CB5	RGB 175 76 181	#AF4CB5

#DBA1D9 #D392D3 #CC84CD #C576C7 #BD68C1 #B65ABB #AF4CB5

#DBA1D9 - #AF4CB5

HSV Blend

#DBA1D9 - #AF4CB5 | 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 #DBA1D9 as 0% and #AF4CB5 as 100%.

0.0%	0.0% #DBA1D9	RGB 219 161 217	#DBA1D9
16.7%	16.7% #D491D3	RGB 212 145 211	#D491D3
33.3%	33.3% #CE82CE	RGB 206 130 206	#CE82CE
50.0%	50.0% #C773C8	RGB 199 115 200	#C773C8
66.7%	66.7% #BF65C1	RGB 191 101 193	#BF65C1
83.3%	83.3% #B758BB	RGB 183 88 187	#B758BB
100.0%	100.0% #AF4CB5	RGB 175 76 181	#AF4CB5

#DBA1D9 #D491D3 #CE82CE #C773C8 #BF65C1 #B758BB #AF4CB5

#DBA1D9 - #C773C8 - #AF4CB5

CSS codes

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

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