#EFCFDB - #B77077 | 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 #EFCFDB to #B77077

#EFCFDB #B77077

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

#EFCFDB - #B77077 | 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 #EFCFDB as 0% and #B77077 as 100%.

0.0%	0.0% #EFCFDB	RGB 239 207 219	#EFCFDB
16.7%	16.7% #E5BFCA	RGB 229 191 202	#E5BFCA
33.3%	33.3% #DCAFB9	RGB 220 175 185	#DCAFB9
50.0%	50.0% #D39FA9	RGB 211 159 169	#D39FA9
66.7%	66.7% #C98F98	RGB 201 143 152	#C98F98
83.3%	83.3% #C07F87	RGB 192 127 135	#C07F87
100.0%	100.0% #B77077	RGB 183 112 119	#B77077

#EFCFDB #E5BFCA #DCAFB9 #D39FA9 #C98F98 #C07F87 #B77077

#EFCFDB - #B77077

HSV Blend

#EFCFDB - #B77077 | 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 #EFCFDB as 0% and #B77077 as 100%.

0.0%	0.0% #EFCFDB	RGB 239 207 219	#EFCFDB
16.7%	16.7% #E5BDCA	RGB 229 189 202	#E5BDCA
33.3%	33.3% #DCACB9	RGB 220 172 185	#DCACB9
50.0%	50.0% #D39BA8	RGB 211 155 168	#D39BA8
66.7%	66.7% #C98C98	RGB 201 140 152	#C98C98
83.3%	83.3% #C07D87	RGB 192 125 135	#C07D87
100.0%	100.0% #B77077	RGB 183 112 119	#B77077

#EFCFDB #E5BDCA #DCACB9 #D39BA8 #C98C98 #C07D87 #B77077

#EFCFDB - #D39BA8 - #B77077

CSS codes

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

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