#EDABC2 - #BF4A76 | 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 #EDABC2 to #BF4A76

#EDABC2 #BF4A76

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

#EDABC2 - #BF4A76 | 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 #EDABC2 as 0% and #BF4A76 as 100%.

0.0%	0.0% #EDABC2	RGB 237 171 194	#EDABC2
16.7%	16.7% #E59AB5	RGB 229 154 181	#E59AB5
33.3%	33.3% #DD8AA8	RGB 221 138 168	#DD8AA8
50.0%	50.0% #D67A9C	RGB 214 122 156	#D67A9C
66.7%	66.7% #CE6A8F	RGB 206 106 143	#CE6A8F
83.3%	83.3% #C65A82	RGB 198 90 130	#C65A82
100.0%	100.0% #BF4A76	RGB 191 74 118	#BF4A76

#EDABC2 #E59AB5 #DD8AA8 #D67A9C #CE6A8F #C65A82 #BF4A76

#EDABC2 - #BF4A76

HSV Blend

#EDABC2 - #BF4A76 | 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 #EDABC2 as 0% and #BF4A76 as 100%.

0.0%	0.0% #EDABC2	RGB 237 171 194	#EDABC2
16.7%	16.7% #E598B3	RGB 229 152 179	#E598B3
33.3%	33.3% #DD87A6	RGB 221 135 166	#DD87A6
50.0%	50.0% #D67699	RGB 214 118 153	#D67699
66.7%	66.7% #CE668C	RGB 206 102 140	#CE668C
83.3%	83.3% #C65881	RGB 198 88 129	#C65881
100.0%	100.0% #BF4A76	RGB 191 74 118	#BF4A76

#EDABC2 #E598B3 #DD87A6 #D67699 #CE668C #C65881 #BF4A76

#EDABC2 - #D67699 - #BF4A76

CSS codes

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

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