#DBACDA - #B53F95 | 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 #DBACDA to #B53F95

#DBACDA #B53F95

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

#DBACDA - #B53F95 | 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 #DBACDA as 0% and #B53F95 as 100%.

0.0%	0.0% #DBACDA	RGB 219 172 218	#DBACDA
16.7%	16.7% #D499CE	RGB 212 153 206	#D499CE
33.3%	33.3% #CE87C3	RGB 206 135 195	#CE87C3
50.0%	50.0% #C875B7	RGB 200 117 183	#C875B7
66.7%	66.7% #C163AC	RGB 193 99 172	#C163AC
83.3%	83.3% #BB51A0	RGB 187 81 160	#BB51A0
100.0%	100.0% #B53F95	RGB 181 63 149	#B53F95

#DBACDA #D499CE #CE87C3 #C875B7 #C163AC #BB51A0 #B53F95

#DBACDA - #B53F95

HSV Blend

#DBACDA - #B53F95 | 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 #DBACDA as 0% and #B53F95 as 100%.

0.0%	0.0% #DBACDA	RGB 219 172 218	#DBACDA
16.7%	16.7% #D497D0	RGB 212 151 208	#D497D0
33.3%	33.3% #CE83C6	RGB 206 131 198	#CE83C6
50.0%	50.0% #C871BB	RGB 200 113 187	#C871BB
66.7%	66.7% #C15FAF	RGB 193 95 175	#C15FAF
83.3%	83.3% #BB4EA2	RGB 187 78 162	#BB4EA2
100.0%	100.0% #B53F95	RGB 181 63 149	#B53F95

#DBACDA #D497D0 #CE83C6 #C871BB #C15FAF #BB4EA2 #B53F95

#DBACDA - #C871BB - #B53F95

CSS codes

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

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