#BCCB8C - #FCECAC | 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 #BCCB8C to #FCECAC

#BCCB8C #FCECAC

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

#BCCB8C - #FCECAC | 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 #BCCB8C as 0% and #FCECAC as 100%.

0.0%	0.0% #BCCB8C	RGB 188 203 140	#BCCB8C
16.7%	16.7% #C6D091	RGB 198 208 145	#C6D091
33.3%	33.3% #D1D696	RGB 209 214 150	#D1D696
50.0%	50.0% #DCDB9C	RGB 220 219 156	#DCDB9C
66.7%	66.7% #E6E1A1	RGB 230 225 161	#E6E1A1
83.3%	83.3% #F1E6A6	RGB 241 230 166	#F1E6A6
100.0%	100.0% #FCECAC	RGB 252 236 172	#FCECAC

#BCCB8C #C6D091 #D1D696 #DCDB9C #E6E1A1 #F1E6A6 #FCECAC

#BCCB8C - #FCECAC

HSV Blend

#BCCB8C - #FCECAC | 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 #BCCB8C as 0% and #FCECAC as 100%.

0.0%	0.0% #BCCB8C	RGB 188 203 140	#BCCB8C
16.7%	16.7% #C8D391	RGB 200 211 145	#C8D391
33.3%	33.3% #D5DB96	RGB 213 219 150	#D5DB96
50.0%	50.0% #E2E39C	RGB 226 227 156	#E2E39C
66.7%	66.7% #EBE7A1	RGB 235 231 161	#EBE7A1
83.3%	83.3% #F3EAA6	RGB 243 234 166	#F3EAA6
100.0%	100.0% #FCECAC	RGB 252 236 172	#FCECAC

#BCCB8C #C8D391 #D5DB96 #E2E39C #EBE7A1 #F3EAA6 #FCECAC

#BCCB8C - #E2E39C - #FCECAC

CSS codes

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

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