#D9A8B5 - #B65566 | 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 #D9A8B5 to #B65566

#D9A8B5 #B65566

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

#D9A8B5 - #B65566 | 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 #D9A8B5 as 0% and #B65566 as 100%.

0.0%	0.0% #D9A8B5	RGB 217 168 181	#D9A8B5
16.7%	16.7% #D39AA7	RGB 211 154 167	#D39AA7
33.3%	33.3% #CD8C9A	RGB 205 140 154	#CD8C9A
50.0%	50.0% #C77E8D	RGB 199 126 141	#C77E8D
66.7%	66.7% #C17080	RGB 193 112 128	#C17080
83.3%	83.3% #BB6273	RGB 187 98 115	#BB6273
100.0%	100.0% #B65566	RGB 182 85 102	#B65566

#D9A8B5 #D39AA7 #CD8C9A #C77E8D #C17080 #BB6273 #B65566

#D9A8B5 - #B65566

HSV Blend

#D9A8B5 - #B65566 | 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 #D9A8B5 as 0% and #B65566 as 100%.

0.0%	0.0% #D9A8B4	RGB 217 168 180	#D9A8B4
16.7%	16.7% #D398A7	RGB 211 152 167	#D398A7
33.3%	33.3% #CD8999	RGB 205 137 153	#CD8999
50.0%	50.0% #C77B8C	RGB 199 123 140	#C77B8C
66.7%	66.7% #C16E7F	RGB 193 110 127	#C16E7F
83.3%	83.3% #BB6172	RGB 187 97 114	#BB6172
100.0%	100.0% #B65566	RGB 182 85 102	#B65566

#D9A8B4 #D398A7 #CD8999 #C77B8C #C16E7F #BB6172 #B65566

#D9A8B5 - #C77B8C - #B65566

CSS codes

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

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