#DF968B - #F5E1DD | 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 #DF968B to #F5E1DD

#DF968B #F5E1DD

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

#DF968B - #F5E1DD | 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 #DF968B as 0% and #F5E1DD as 100%.

0.0%	0.0% #DF968B	RGB 223 150 139	#DF968B
16.7%	16.7% #E2A298	RGB 226 162 152	#E2A298
33.3%	33.3% #E6AFA6	RGB 230 175 166	#E6AFA6
50.0%	50.0% #EABBB4	RGB 234 187 180	#EABBB4
66.7%	66.7% #EDC8C1	RGB 237 200 193	#EDC8C1
83.3%	83.3% #F1D4CF	RGB 241 212 207	#F1D4CF
100.0%	100.0% #F5E1DD	RGB 245 225 221	#F5E1DD

#DF968B #E2A298 #E6AFA6 #EABBB4 #EDC8C1 #F1D4CF #F5E1DD

#DF968B - #F5E1DD

HSV Blend

#DF968B - #F5E1DD | 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 #DF968B as 0% and #F5E1DD as 100%.

0.0%	0.0% #DF968B	RGB 223 150 139	#DF968B
16.7%	16.7% #E2A297	RGB 226 162 151	#E2A297
33.3%	33.3% #E6AEA4	RGB 230 174 164	#E6AEA4
50.0%	50.0% #EABAB2	RGB 234 186 178	#EABAB2
66.7%	66.7% #EDC7C0	RGB 237 199 192	#EDC7C0
83.3%	83.3% #F1D4CE	RGB 241 212 206	#F1D4CE
100.0%	100.0% #F5E1DD	RGB 245 225 221	#F5E1DD

#DF968B #E2A297 #E6AEA4 #EABAB2 #EDC7C0 #F1D4CE #F5E1DD

#DF968B - #EABAB2 - #F5E1DD

CSS codes

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

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