#DFB5C6 - #B1597B | 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 #DFB5C6 to #B1597B

#DFB5C6 #B1597B

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

#DFB5C6 - #B1597B | 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 #DFB5C6 as 0% and #B1597B as 100%.

0.0%	0.0% #DFB5C6	RGB 223 181 198	#DFB5C6
16.7%	16.7% #D7A5B9	RGB 215 165 185	#D7A5B9
33.3%	33.3% #CF96AD	RGB 207 150 173	#CF96AD
50.0%	50.0% #C887A0	RGB 200 135 160	#C887A0
66.7%	66.7% #C07794	RGB 192 119 148	#C07794
83.3%	83.3% #B86887	RGB 184 104 135	#B86887
100.0%	100.0% #B1597B	RGB 177 89 123	#B1597B

#DFB5C6 #D7A5B9 #CF96AD #C887A0 #C07794 #B86887 #B1597B

#DFB5C6 - #B1597B

HSV Blend

#DFB5C6 - #B1597B | 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 #DFB5C6 as 0% and #B1597B as 100%.

0.0%	0.0% #DFB5C6	RGB 223 181 198	#DFB5C6
16.7%	16.7% #D7A3B8	RGB 215 163 184	#D7A3B8
33.3%	33.3% #CF93AB	RGB 207 147 171	#CF93AB
50.0%	50.0% #C8839E	RGB 200 131 158	#C8839E
66.7%	66.7% #C07492	RGB 192 116 146	#C07492
83.3%	83.3% #B86686	RGB 184 102 134	#B86686
100.0%	100.0% #B1597B	RGB 177 89 123	#B1597B

#DFB5C6 #D7A3B8 #CF93AB #C8839E #C07492 #B86686 #B1597B

#DFB5C6 - #C8839E - #B1597B

CSS codes

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

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