#BF9090 - #ECDFDF | 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 #BF9090 to #ECDFDF

#BF9090 #ECDFDF

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

#BF9090 - #ECDFDF | 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 #BF9090 as 0% and #ECDFDF as 100%.

0.0%	0.0% #BF9090	RGB 191 144 144	#BF9090
16.7%	16.7% #C69D9D	RGB 198 157 157	#C69D9D
33.3%	33.3% #CEAAAA	RGB 206 170 170	#CEAAAA
50.0%	50.0% #D5B7B7	RGB 213 183 183	#D5B7B7
66.7%	66.7% #DDC4C4	RGB 221 196 196	#DDC4C4
83.3%	83.3% #E4D1D1	RGB 228 209 209	#E4D1D1
100.0%	100.0% #ECDFDF	RGB 236 223 223	#ECDFDF

#BF9090 #C69D9D #CEAAAA #D5B7B7 #DDC4C4 #E4D1D1 #ECDFDF

#BF9090 - #ECDFDF

HSV Blend

#BF9090 - #ECDFDF | 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 #BF9090 as 0% and #ECDFDF as 100%.

0.0%	0.0% #BF9090	RGB 191 144 144	#BF9090
16.7%	16.7% #C69B9B	RGB 198 155 155	#C69B9B
33.3%	33.3% #CEA8A8	RGB 206 168 168	#CEA8A8
50.0%	50.0% #D5B5B5	RGB 213 181 181	#D5B5B5
66.7%	66.7% #DDC2C2	RGB 221 194 194	#DDC2C2
83.3%	83.3% #E4D0D0	RGB 228 208 208	#E4D0D0
100.0%	100.0% #ECDFDF	RGB 236 223 223	#ECDFDF

#BF9090 #C69B9B #CEA8A8 #D5B5B5 #DDC2C2 #E4D0D0 #ECDFDF

#BF9090 - #D5B5B5 - #ECDFDF

CSS codes

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

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