#DC9F6F - #FF8ECC | 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 #DC9F6F to #FF8ECC

#DC9F6F #FF8ECC

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

#DC9F6F - #FF8ECC | 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 #DC9F6F as 0% and #FF8ECC as 100%.

0.0%	0.0% #DC9F6F	RGB 220 159 111	#DC9F6F
16.7%	16.7% #E19C7E	RGB 225 156 126	#E19C7E
33.3%	33.3% #E7998E	RGB 231 153 142	#E7998E
50.0%	50.0% #ED969D	RGB 237 150 157	#ED969D
66.7%	66.7% #F393AD	RGB 243 147 173	#F393AD
83.3%	83.3% #F990BC	RGB 249 144 188	#F990BC
100.0%	100.0% #FF8ECC	RGB 255 142 204	#FF8ECC

#DC9F6F #E19C7E #E7998E #ED969D #F393AD #F990BC #FF8ECC

#DC9F6F - #FF8ECC

HSV Blend

#DC9F6F - #FF8ECC | 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 #DC9F6F as 0% and #FF8ECC as 100%.

0.0%	0.0% #DC9F6F	RGB 220 159 111	#DC9F6F
16.7%	16.7% #E19273	RGB 225 146 115	#E19273
33.3%	33.3% #E78578	RGB 231 133 120	#E78578
50.0%	50.0% #ED7E84	RGB 237 126 132	#ED7E84
66.7%	66.7% #F3839B	RGB 243 131 155	#F3839B
83.3%	83.3% #F988B3	RGB 249 136 179	#F988B3
100.0%	100.0% #FF8ECC	RGB 255 142 204	#FF8ECC

#DC9F6F #E19273 #E78578 #ED7E84 #F3839B #F988B3 #FF8ECC

#DC9F6F - #ED7E84 - #FF8ECC

CSS codes

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

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