#DBB8C3 - #AB6077 | 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 #DBB8C3 to #AB6077

#DBB8C3 #AB6077

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

#DBB8C3 - #AB6077 | 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 #DBB8C3 as 0% and #AB6077 as 100%.

0.0%	0.0% #DBB8C3	RGB 219 184 195	#DBB8C3
16.7%	16.7% #D3A9B6	RGB 211 169 182	#D3A9B6
33.3%	33.3% #CB9AA9	RGB 203 154 169	#CB9AA9
50.0%	50.0% #C38C9D	RGB 195 140 157	#C38C9D
66.7%	66.7% #BB7D90	RGB 187 125 144	#BB7D90
83.3%	83.3% #B36E83	RGB 179 110 131	#B36E83
100.0%	100.0% #AB6077	RGB 171 96 119	#AB6077

#DBB8C3 #D3A9B6 #CB9AA9 #C38C9D #BB7D90 #B36E83 #AB6077

#DBB8C3 - #AB6077

HSV Blend

#DBB8C3 - #AB6077 | 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 #DBB8C3 as 0% and #AB6077 as 100%.

0.0%	0.0% #DBB8C3	RGB 219 184 195	#DBB8C3
16.7%	16.7% #D3A7B5	RGB 211 167 181	#D3A7B5
33.3%	33.3% #CB97A7	RGB 203 151 167	#CB97A7
50.0%	50.0% #C3889A	RGB 195 136 154	#C3889A
66.7%	66.7% #BB7A8E	RGB 187 122 142	#BB7A8E
83.3%	83.3% #B36C82	RGB 179 108 130	#B36C82
100.0%	100.0% #AB6077	RGB 171 96 119	#AB6077

#DBB8C3 #D3A7B5 #CB97A7 #C3889A #BB7A8E #B36C82 #AB6077

#DBB8C3 - #C3889A - #AB6077

CSS codes

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

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