#ECB2B5 - #BA5C67 | 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 #ECB2B5 to #BA5C67

#ECB2B5 #BA5C67

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

#ECB2B5 - #BA5C67 | 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 #ECB2B5 as 0% and #BA5C67 as 100%.

0.0%	0.0% #ECB2B5	RGB 236 178 181	#ECB2B5
16.7%	16.7% #E3A3A8	RGB 227 163 168	#E3A3A8
33.3%	33.3% #DB959B	RGB 219 149 155	#DB959B
50.0%	50.0% #D3878E	RGB 211 135 142	#D3878E
66.7%	66.7% #CA7881	RGB 202 120 129	#CA7881
83.3%	83.3% #C26A74	RGB 194 106 116	#C26A74
100.0%	100.0% #BA5C67	RGB 186 92 103	#BA5C67

#ECB2B5 #E3A3A8 #DB959B #D3878E #CA7881 #C26A74 #BA5C67

#ECB2B5 - #BA5C67

HSV Blend

#ECB2B5 - #BA5C67 | 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 #ECB2B5 as 0% and #BA5C67 as 100%.

0.0%	0.0% #ECB2B5	RGB 236 178 181	#ECB2B5
16.7%	16.7% #E3A1A5	RGB 227 161 165	#E3A1A5
33.3%	33.3% #DB9297	RGB 219 146 151	#DB9297
50.0%	50.0% #D3838A	RGB 211 131 138	#D3838A
66.7%	66.7% #CA757D	RGB 202 117 125	#CA757D
83.3%	83.3% #C26872	RGB 194 104 114	#C26872
100.0%	100.0% #BA5C67	RGB 186 92 103	#BA5C67

#ECB2B5 #E3A1A5 #DB9297 #D3838A #CA757D #C26872 #BA5C67

#ECB2B5 - #D3838A - #BA5C67

CSS codes

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

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