#BF4D4D - #ECCCCC | 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 #BF4D4D to #ECCCCC

#BF4D4D #ECCCCC

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

#BF4D4D - #ECCCCC | 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 #BF4D4D as 0% and #ECCCCC as 100%.

0.0%	0.0% #BF4D4D	RGB 191 77 77	#BF4D4D
16.7%	16.7% #C66262	RGB 198 98 98	#C66262
33.3%	33.3% #CE7777	RGB 206 119 119	#CE7777
50.0%	50.0% #D58C8C	RGB 213 140 140	#D58C8C
66.7%	66.7% #DDA1A1	RGB 221 161 161	#DDA1A1
83.3%	83.3% #E4B6B6	RGB 228 182 182	#E4B6B6
100.0%	100.0% #ECCCCC	RGB 236 204 204	#ECCCCC

#BF4D4D #C66262 #CE7777 #D58C8C #DDA1A1 #E4B6B6 #ECCCCC

#BF4D4D - #ECCCCC

HSV Blend

#BF4D4D - #ECCCCC | 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 #BF4D4D as 0% and #ECCCCC as 100%.

0.0%	0.0% #BF4D4D	RGB 191 77 77	#BF4D4D
16.7%	16.7% #C65F5F	RGB 198 95 95	#C65F5F
33.3%	33.3% #CE7272	RGB 206 114 114	#CE7272
50.0%	50.0% #D58787	RGB 213 135 135	#D58787
66.7%	66.7% #DD9D9D	RGB 221 157 157	#DD9D9D
83.3%	83.3% #E4B3B3	RGB 228 179 179	#E4B3B3
100.0%	100.0% #ECCCCC	RGB 236 204 204	#ECCCCC

#BF4D4D #C65F5F #CE7272 #D58787 #DD9D9D #E4B3B3 #ECCCCC

#BF4D4D - #D58787 - #ECCCCC

CSS codes

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

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