#DFB8C9 - #B25C7F | 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 #DFB8C9 to #B25C7F

#DFB8C9 #B25C7F

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

#DFB8C9 - #B25C7F | 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 #DFB8C9 as 0% and #B25C7F as 100%.

0.0%	0.0% #DFB8C9	RGB 223 184 201	#DFB8C9
16.7%	16.7% #D7A8BC	RGB 215 168 188	#D7A8BC
33.3%	33.3% #D099B0	RGB 208 153 176	#D099B0
50.0%	50.0% #C88AA4	RGB 200 138 164	#C88AA4
66.7%	66.7% #C17A97	RGB 193 122 151	#C17A97
83.3%	83.3% #B96B8B	RGB 185 107 139	#B96B8B
100.0%	100.0% #B25C7F	RGB 178 92 127	#B25C7F

#DFB8C9 #D7A8BC #D099B0 #C88AA4 #C17A97 #B96B8B #B25C7F

#DFB8C9 - #B25C7F

HSV Blend

#DFB8C9 - #B25C7F | 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 #DFB8C9 as 0% and #B25C7F as 100%.

0.0%	0.0% #DFB8C9	RGB 223 184 201	#DFB8C9
16.7%	16.7% #D7A6BB	RGB 215 166 187	#D7A6BB
33.3%	33.3% #D096AE	RGB 208 150 174	#D096AE
50.0%	50.0% #C886A2	RGB 200 134 162	#C886A2
66.7%	66.7% #C17796	RGB 193 119 150	#C17796
83.3%	83.3% #B9698A	RGB 185 105 138	#B9698A
100.0%	100.0% #B25C7F	RGB 178 92 127	#B25C7F

#DFB8C9 #D7A6BB #D096AE #C886A2 #C17796 #B9698A #B25C7F

#DFB8C9 - #C886A2 - #B25C7F

CSS codes

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

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