#EBDFDF - #CE948E | 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 #EBDFDF to #CE948E

#EBDFDF #CE948E

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

#EBDFDF - #CE948E | 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 #EBDFDF as 0% and #CE948E as 100%.

0.0%	0.0% #EBDFDF	RGB 235 223 223	#EBDFDF
16.7%	16.7% #E6D2D1	RGB 230 210 209	#E6D2D1
33.3%	33.3% #E1C6C4	RGB 225 198 196	#E1C6C4
50.0%	50.0% #DCB9B6	RGB 220 185 182	#DCB9B6
66.7%	66.7% #D7ADA9	RGB 215 173 169	#D7ADA9
83.3%	83.3% #D2A09B	RGB 210 160 155	#D2A09B
100.0%	100.0% #CE948E	RGB 206 148 142	#CE948E

#EBDFDF #E6D2D1 #E1C6C4 #DCB9B6 #D7ADA9 #D2A09B #CE948E

#EBDFDF - #CE948E

HSV Blend

#EBDFDF - #CE948E | 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 #EBDFDF as 0% and #CE948E as 100%.

0.0%	0.0% #EBDFDF	RGB 235 223 223	#EBDFDF
16.7%	16.7% #E6D0D0	RGB 230 208 208	#E6D0D0
33.3%	33.3% #E1C3C2	RGB 225 195 194	#E1C3C2
50.0%	50.0% #DCB6B4	RGB 220 182 180	#DCB6B4
66.7%	66.7% #D7AAA7	RGB 215 170 167	#D7AAA7
83.3%	83.3% #D29E9A	RGB 210 158 154	#D29E9A
100.0%	100.0% #CE948E	RGB 206 148 142	#CE948E

#EBDFDF #E6D0D0 #E1C3C2 #DCB6B4 #D7AAA7 #D29E9A #CE948E

#EBDFDF - #DCB6B4 - #CE948E

CSS codes

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

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