#C7908B - #EFDFDD | 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 #C7908B to #EFDFDD

#C7908B #EFDFDD

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

#C7908B - #EFDFDD | 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 #C7908B as 0% and #EFDFDD as 100%.

0.0%	0.0% #C7908B	RGB 199 144 139	#C7908B
16.7%	16.7% #CD9D98	RGB 205 157 152	#CD9D98
33.3%	33.3% #D4AAA6	RGB 212 170 166	#D4AAA6
50.0%	50.0% #DBB7B4	RGB 219 183 180	#DBB7B4
66.7%	66.7% #E1C4C1	RGB 225 196 193	#E1C4C1
83.3%	83.3% #E8D1CF	RGB 232 209 207	#E8D1CF
100.0%	100.0% #EFDFDD	RGB 239 223 221	#EFDFDD

#C7908B #CD9D98 #D4AAA6 #DBB7B4 #E1C4C1 #E8D1CF #EFDFDD

#C7908B - #EFDFDD

HSV Blend

#C7908B - #EFDFDD | 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 #C7908B as 0% and #EFDFDD as 100%.

0.0%	0.0% #C7908B	RGB 199 144 139	#C7908B
16.7%	16.7% #CD9C97	RGB 205 156 151	#CD9C97
33.3%	33.3% #D4A8A4	RGB 212 168 164	#D4A8A4
50.0%	50.0% #DBB5B1	RGB 219 181 177	#DBB5B1
66.7%	66.7% #E1C3BF	RGB 225 195 191	#E1C3BF
83.3%	83.3% #E8D0CE	RGB 232 208 206	#E8D0CE
100.0%	100.0% #EFDFDD	RGB 239 223 221	#EFDFDD

#C7908B #CD9C97 #D4A8A4 #DBB5B1 #E1C3BF #E8D0CE #EFDFDD

#C7908B - #DBB5B1 - #EFDFDD

CSS codes

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

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