#BF566E - #ECCED5 | 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 #BF566E to #ECCED5

#BF566E #ECCED5

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

#BF566E - #ECCED5 | 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 #BF566E as 0% and #ECCED5 as 100%.

0.0%	0.0% #BF566E	RGB 191 86 110	#BF566E
16.7%	16.7% #C66A7F	RGB 198 106 127	#C66A7F
33.3%	33.3% #CE7E90	RGB 206 126 144	#CE7E90
50.0%	50.0% #D592A1	RGB 213 146 161	#D592A1
66.7%	66.7% #DDA6B2	RGB 221 166 178	#DDA6B2
83.3%	83.3% #E4BAC3	RGB 228 186 195	#E4BAC3
100.0%	100.0% #ECCED5	RGB 236 206 213	#ECCED5

#BF566E #C66A7F #CE7E90 #D592A1 #DDA6B2 #E4BAC3 #ECCED5

#BF566E - #ECCED5

HSV Blend

#BF566E - #ECCED5 | 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 #BF566E as 0% and #ECCED5 as 100%.

0.0%	0.0% #BF566E	RGB 191 86 110	#BF566E
16.7%	16.7% #C6677D	RGB 198 103 125	#C6677D
33.3%	33.3% #CE798D	RGB 206 121 141	#CE798D
50.0%	50.0% #D58D9D	RGB 213 141 157	#D58D9D
66.7%	66.7% #DDA1AF	RGB 221 161 175	#DDA1AF
83.3%	83.3% #E4B7C1	RGB 228 183 193	#E4B7C1
100.0%	100.0% #ECCED5	RGB 236 206 213	#ECCED5

#BF566E #C6677D #CE798D #D58D9D #DDA1AF #E4B7C1 #ECCED5

#BF566E - #D58D9D - #ECCED5

CSS codes

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

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