#B00B00 - #FCA8EC | 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 #B00B00 to #FCA8EC

#B00B00 #FCA8EC

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

#B00B00 - #FCA8EC | 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 #B00B00 as 0% and #FCA8EC as 100%.

0.0%	0.0% #B00B00	RGB 176 11 0	#B00B00
16.7%	16.7% #BC2527	RGB 188 37 39	#BC2527
33.3%	33.3% #C93F4E	RGB 201 63 78	#C93F4E
50.0%	50.0% #D65976	RGB 214 89 118	#D65976
66.7%	66.7% #E2739D	RGB 226 115 157	#E2739D
83.3%	83.3% #EF8DC4	RGB 239 141 196	#EF8DC4
100.0%	100.0% #FCA8EC	RGB 252 168 236	#FCA8EC

#B00B00 #BC2527 #C93F4E #D65976 #E2739D #EF8DC4 #FCA8EC

#B00B00 - #FCA8EC

HSV Blend

#B00B00 - #FCA8EC | 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 #B00B00 as 0% and #FCA8EC as 100%.

0.0%	0.0% #B00B00	RGB 176 11 0	#B00B00
16.7%	16.7% #BC1422	RGB 188 20 34	#BC1422
33.3%	33.3% #C92C50	RGB 201 44 80	#C92C50
50.0%	50.0% #D6477C	RGB 214 71 124	#D6477C
66.7%	66.7% #E264A6	RGB 226 100 166	#E264A6
83.3%	83.3% #EF84CB	RGB 239 132 203	#EF84CB
100.0%	100.0% #FCA8EC	RGB 252 168 236	#FCA8EC

#B00B00 #BC1422 #C92C50 #D6477C #E264A6 #EF84CB #FCA8EC

#B00B00 - #D6477C - #FCA8EC

CSS codes

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

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