#BF858F - #ECDCDF | 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 #BF858F to #ECDCDF

#BF858F #ECDCDF

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

#BF858F - #ECDCDF | 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 #BF858F as 0% and #ECDCDF as 100%.

0.0%	0.0% #BF858F	RGB 191 133 143	#BF858F
16.7%	16.7% #C6939C	RGB 198 147 156	#C6939C
33.3%	33.3% #CEA2A9	RGB 206 162 169	#CEA2A9
50.0%	50.0% #D5B0B7	RGB 213 176 183	#D5B0B7
66.7%	66.7% #DDBFC4	RGB 221 191 196	#DDBFC4
83.3%	83.3% #E4CDD1	RGB 228 205 209	#E4CDD1
100.0%	100.0% #ECDCDF	RGB 236 220 223	#ECDCDF

#BF858F #C6939C #CEA2A9 #D5B0B7 #DDBFC4 #E4CDD1 #ECDCDF

#BF858F - #ECDCDF

HSV Blend

#BF858F - #ECDCDF | 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 #BF858F as 0% and #ECDCDF as 100%.

0.0%	0.0% #BF858F	RGB 191 133 143	#BF858F
16.7%	16.7% #C6929B	RGB 198 146 155	#C6929B
33.3%	33.3% #CE9FA7	RGB 206 159 167	#CE9FA7
50.0%	50.0% #D5ADB4	RGB 213 173 180	#D5ADB4
66.7%	66.7% #DDBCC2	RGB 221 188 194	#DDBCC2
83.3%	83.3% #E4CCD0	RGB 228 204 208	#E4CCD0
100.0%	100.0% #ECDCDF	RGB 236 220 223	#ECDCDF

#BF858F #C6929B #CE9FA7 #D5ADB4 #DDBCC2 #E4CCD0 #ECDCDF

#BF858F - #D5ADB4 - #ECDCDF

CSS codes

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

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