#EEC4D1 - #CD5B67 | 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 #EEC4D1 to #CD5B67

#EEC4D1 #CD5B67

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

#EEC4D1 - #CD5B67 | 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 #EEC4D1 as 0% and #CD5B67 as 100%.

0.0%	0.0% #EEC4D1	RGB 238 196 209	#EEC4D1
16.7%	16.7% #E8B2BF	RGB 232 178 191	#E8B2BF
33.3%	33.3% #E3A1AD	RGB 227 161 173	#E3A1AD
50.0%	50.0% #DD8F9C	RGB 221 143 156	#DD8F9C
66.7%	66.7% #D87E8A	RGB 216 126 138	#D87E8A
83.3%	83.3% #D26C78	RGB 210 108 120	#D26C78
100.0%	100.0% #CD5B67	RGB 205 91 103	#CD5B67

#EEC4D1 #E8B2BF #E3A1AD #DD8F9C #D87E8A #D26C78 #CD5B67

#EEC4D1 - #CD5B67

HSV Blend

#EEC4D1 - #CD5B67 | 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 #EEC4D1 as 0% and #CD5B67 as 100%.

0.0%	0.0% #EEC4D1	RGB 238 196 209	#EEC4D1
16.7%	16.7% #E8B0C0	RGB 232 176 192	#E8B0C0
33.3%	33.3% #E39EAE	RGB 227 158 174	#E39EAE
50.0%	50.0% #DD8C9D	RGB 221 140 157	#DD8C9D
66.7%	66.7% #D87B8B	RGB 216 123 139	#D87B8B
83.3%	83.3% #D26A79	RGB 210 106 121	#D26A79
100.0%	100.0% #CD5B67	RGB 205 91 103	#CD5B67

#EEC4D1 #E8B0C0 #E39EAE #DD8C9D #D87B8B #D26A79 #CD5B67

#EEC4D1 - #DD8C9D - #CD5B67

CSS codes

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

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