#DFB2B5 - #C75D67 | 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 #DFB2B5 to #C75D67

#DFB2B5 #C75D67

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

#DFB2B5 - #C75D67 | 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 #DFB2B5 as 0% and #C75D67 as 100%.

0.0%	0.0% #DFB2B5	RGB 223 178 181	#DFB2B5
16.7%	16.7% #DBA3A8	RGB 219 163 168	#DBA3A8
33.3%	33.3% #D7959B	RGB 215 149 155	#D7959B
50.0%	50.0% #D3878E	RGB 211 135 142	#D3878E
66.7%	66.7% #CF7981	RGB 207 121 129	#CF7981
83.3%	83.3% #CB6B74	RGB 203 107 116	#CB6B74
100.0%	100.0% #C75D67	RGB 199 93 103	#C75D67

#DFB2B5 #DBA3A8 #D7959B #D3878E #CF7981 #CB6B74 #C75D67

#DFB2B5 - #C75D67

HSV Blend

#DFB2B5 - #C75D67 | 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 #DFB2B5 as 0% and #C75D67 as 100%.

0.0%	0.0% #DFB2B5	RGB 223 178 181	#DFB2B5
16.7%	16.7% #DBA2A6	RGB 219 162 166	#DBA2A6
33.3%	33.3% #D79398	RGB 215 147 152	#D79398
50.0%	50.0% #D3858B	RGB 211 133 139	#D3858B
66.7%	66.7% #CF777F	RGB 207 119 127	#CF777F
83.3%	83.3% #CB6A72	RGB 203 106 114	#CB6A72
100.0%	100.0% #C75D67	RGB 199 93 103	#C75D67

#DFB2B5 #DBA2A6 #D79398 #D3858B #CF777F #CB6A72 #C75D67

#DFB2B5 - #D3858B - #C75D67

CSS codes

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

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