#EDABAF - #BA5360 | 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 #EDABAF to #BA5360

#EDABAF #BA5360

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

#EDABAF - #BA5360 | 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 #EDABAF as 0% and #BA5360 as 100%.

0.0%	0.0% #EDABAF	RGB 237 171 175	#EDABAF
16.7%	16.7% #E49CA1	RGB 228 156 161	#E49CA1
33.3%	33.3% #DC8D94	RGB 220 141 148	#DC8D94
50.0%	50.0% #D37F87	RGB 211 127 135	#D37F87
66.7%	66.7% #CB707A	RGB 203 112 122	#CB707A
83.3%	83.3% #C2616D	RGB 194 97 109	#C2616D
100.0%	100.0% #BA5360	RGB 186 83 96	#BA5360

#EDABAF #E49CA1 #DC8D94 #D37F87 #CB707A #C2616D #BA5360

#EDABAF - #BA5360

HSV Blend

#EDABAF - #BA5360 | 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 #EDABAF as 0% and #BA5360 as 100%.

0.0%	0.0% #EDABAF	RGB 237 171 175	#EDABAF
16.7%	16.7% #E49A9F	RGB 228 154 159	#E49A9F
33.3%	33.3% #DC8A91	RGB 220 138 145	#DC8A91
50.0%	50.0% #D37B83	RGB 211 123 131	#D37B83
66.7%	66.7% #CB6D76	RGB 203 109 118	#CB6D76
83.3%	83.3% #C25F6B	RGB 194 95 107	#C25F6B
100.0%	100.0% #BA5360	RGB 186 83 96	#BA5360

#EDABAF #E49A9F #DC8A91 #D37B83 #CB6D76 #C25F6B #BA5360

#EDABAF - #D37B83 - #BA5360

CSS codes

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

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