#DBB8D0 - #AC5E91 | 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 #DBB8D0 to #AC5E91

#DBB8D0 #AC5E91

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

#DBB8D0 - #AC5E91 | 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 #DBB8D0 as 0% and #AC5E91 as 100%.

0.0%	0.0% #DBB8D0	RGB 219 184 208	#DBB8D0
16.7%	16.7% #D3A9C5	RGB 211 169 197	#D3A9C5
33.3%	33.3% #CB9ABB	RGB 203 154 187	#CB9ABB
50.0%	50.0% #C38BB0	RGB 195 139 176	#C38BB0
66.7%	66.7% #BB7CA6	RGB 187 124 166	#BB7CA6
83.3%	83.3% #B36D9B	RGB 179 109 155	#B36D9B
100.0%	100.0% #AC5E91	RGB 172 94 145	#AC5E91

#DBB8D0 #D3A9C5 #CB9ABB #C38BB0 #BB7CA6 #B36D9B #AC5E91

#DBB8D0 - #AC5E91

HSV Blend

#DBB8D0 - #AC5E91 | 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 #DBB8D0 as 0% and #AC5E91 as 100%.

0.0%	0.0% #DBB8D0	RGB 219 184 208	#DBB8D0
16.7%	16.7% #D3A7C5	RGB 211 167 197	#D3A7C5
33.3%	33.3% #CB96BA	RGB 203 150 186	#CB96BA
50.0%	50.0% #C387AF	RGB 195 135 175	#C387AF
66.7%	66.7% #BB78A5	RGB 187 120 165	#BB78A5
83.3%	83.3% #B36B9B	RGB 179 107 155	#B36B9B
100.0%	100.0% #AC5E91	RGB 172 94 145	#AC5E91

#DBB8D0 #D3A7C5 #CB96BA #C387AF #BB78A5 #B36B9B #AC5E91

#DBB8D0 - #C387AF - #AC5E91

CSS codes

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

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