#EFD3D1 - #CD7F81 | 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 #EFD3D1 to #CD7F81

#EFD3D1 #CD7F81

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

#EFD3D1 - #CD7F81 | 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 #EFD3D1 as 0% and #CD7F81 as 100%.

0.0%	0.0% #EFD3D1	RGB 239 211 209	#EFD3D1
16.7%	16.7% #E9C5C3	RGB 233 197 195	#E9C5C3
33.3%	33.3% #E3B7B6	RGB 227 183 182	#E3B7B6
50.0%	50.0% #DEA9A9	RGB 222 169 169	#DEA9A9
66.7%	66.7% #D89B9B	RGB 216 155 155	#D89B9B
83.3%	83.3% #D28D8E	RGB 210 141 142	#D28D8E
100.0%	100.0% #CD7F81	RGB 205 127 129	#CD7F81

#EFD3D1 #E9C5C3 #E3B7B6 #DEA9A9 #D89B9B #D28D8E #CD7F81

#EFD3D1 - #CD7F81

HSV Blend

#EFD3D1 - #CD7F81 | 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 #EFD3D1 as 0% and #CD7F81 as 100%.

0.0%	0.0% #EFD3D1	RGB 239 211 209	#EFD3D1
16.7%	16.7% #E9C4C2	RGB 233 196 194	#E9C4C2
33.3%	33.3% #E3B5B3	RGB 227 181 179	#E3B5B3
50.0%	50.0% #DEA6A5	RGB 222 166 165	#DEA6A5
66.7%	66.7% #D89898	RGB 216 152 152	#D89898
83.3%	83.3% #D28B8C	RGB 210 139 140	#D28B8C
100.0%	100.0% #CD7F81	RGB 205 127 129	#CD7F81

#EFD3D1 #E9C4C2 #E3B5B3 #DEA6A5 #D89898 #D28B8C #CD7F81

#EFD3D1 - #DEA6A5 - #CD7F81

CSS codes

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

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