#BF8592 - #ECDCE0 | 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 #BF8592 to #ECDCE0

#BF8592 #ECDCE0

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

#BF8592 - #ECDCE0 | 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 #BF8592 as 0% and #ECDCE0 as 100%.

0.0%	0.0% #BF8592	RGB 191 133 146	#BF8592
16.7%	16.7% #C6939F	RGB 198 147 159	#C6939F
33.3%	33.3% #CEA2AC	RGB 206 162 172	#CEA2AC
50.0%	50.0% #D5B0B9	RGB 213 176 185	#D5B0B9
66.7%	66.7% #DDBFC6	RGB 221 191 198	#DDBFC6
83.3%	83.3% #E4CDD3	RGB 228 205 211	#E4CDD3
100.0%	100.0% #ECDCE0	RGB 236 220 224	#ECDCE0

#BF8592 #C6939F #CEA2AC #D5B0B9 #DDBFC6 #E4CDD3 #ECDCE0

#BF8592 - #ECDCE0

HSV Blend

#BF8592 - #ECDCE0 | 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 #BF8592 as 0% and #ECDCE0 as 100%.

0.0%	0.0% #BF8592	RGB 191 133 146	#BF8592
16.7%	16.7% #C6929E	RGB 198 146 158	#C6929E
33.3%	33.3% #CE9FAA	RGB 206 159 170	#CE9FAA
50.0%	50.0% #D5ADB7	RGB 213 173 183	#D5ADB7
66.7%	66.7% #DDBCC4	RGB 221 188 196	#DDBCC4
83.3%	83.3% #E4CCD2	RGB 228 204 210	#E4CCD2
100.0%	100.0% #ECDCE0	RGB 236 220 224	#ECDCE0

#BF8592 #C6929E #CE9FAA #D5ADB7 #DDBCC4 #E4CCD2 #ECDCE0

#BF8592 - #D5ADB7 - #ECDCE0

CSS codes

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

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