#EFDBE6 - #BC8F98 | 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 #EFDBE6 to #BC8F98

#EFDBE6 #BC8F98

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

#EFDBE6 - #BC8F98 | 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 #EFDBE6 as 0% and #BC8F98 as 100%.

0.0%	0.0% #EFDBE6	RGB 239 219 230	#EFDBE6
16.7%	16.7% #E6CED9	RGB 230 206 217	#E6CED9
33.3%	33.3% #DEC1CC	RGB 222 193 204	#DEC1CC
50.0%	50.0% #D5B5BF	RGB 213 181 191	#D5B5BF
66.7%	66.7% #CDA8B2	RGB 205 168 178	#CDA8B2
83.3%	83.3% #C49BA5	RGB 196 155 165	#C49BA5
100.0%	100.0% #BC8F98	RGB 188 143 152	#BC8F98

#EFDBE6 #E6CED9 #DEC1CC #D5B5BF #CDA8B2 #C49BA5 #BC8F98

#EFDBE6 - #BC8F98

HSV Blend

#EFDBE6 - #BC8F98 | 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 #EFDBE6 as 0% and #BC8F98 as 100%.

0.0%	0.0% #EFDBE6	RGB 239 219 230	#EFDBE6
16.7%	16.7% #E6CDD9	RGB 230 205 217	#E6CDD9
33.3%	33.3% #DEBFCC	RGB 222 191 204	#DEBFCC
50.0%	50.0% #D5B3BF	RGB 213 179 191	#D5B3BF
66.7%	66.7% #CDA6B2	RGB 205 166 178	#CDA6B2
83.3%	83.3% #C49AA5	RGB 196 154 165	#C49AA5
100.0%	100.0% #BC8F98	RGB 188 143 152	#BC8F98

#EFDBE6 #E6CDD9 #DEBFCC #D5B3BF #CDA6B2 #C49AA5 #BC8F98

#EFDBE6 - #D5B3BF - #BC8F98

CSS codes

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

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