#BCB8C2 - #FFE4BF | 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 #BCB8C2 to #FFE4BF

#BCB8C2 #FFE4BF

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

#BCB8C2 - #FFE4BF | 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 #BCB8C2 as 0% and #FFE4BF as 100%.

0.0%	0.0% #BCB8C2	RGB 188 184 194	#BCB8C2
16.7%	16.7% #C7BFC1	RGB 199 191 193	#C7BFC1
33.3%	33.3% #D2C6C1	RGB 210 198 193	#D2C6C1
50.0%	50.0% #DDCEC0	RGB 221 206 192	#DDCEC0
66.7%	66.7% #E8D5C0	RGB 232 213 192	#E8D5C0
83.3%	83.3% #F3DCBF	RGB 243 220 191	#F3DCBF
100.0%	100.0% #FFE4BF	RGB 255 228 191	#FFE4BF

#BCB8C2 #C7BFC1 #D2C6C1 #DDCEC0 #E8D5C0 #F3DCBF #FFE4BF

#BCB8C2 - #FFE4BF

HSV Blend

#BCB8C2 - #FFE4BF | 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 #BCB8C2 as 0% and #FFE4BF as 100%.

0.0%	0.0% #BCB8C2	RGB 188 184 194	#BCB8C2
16.7%	16.7% #C8BACC	RGB 200 186 204	#C8BACC
33.3%	33.3% #D6BDD3	RGB 214 189 211	#D6BDD3
50.0%	50.0% #E0BECF	RGB 224 190 207	#E0BECF
66.7%	66.7% #EABFC5	RGB 234 191 197	#EABFC5
83.3%	83.3% #F4CABF	RGB 244 202 191	#F4CABF
100.0%	100.0% #FFE4BF	RGB 255 228 191	#FFE4BF

#BCB8C2 #C8BACC #D6BDD3 #E0BECF #EABFC5 #F4CABF #FFE4BF

#BCB8C2 - #E0BECF - #FFE4BF

CSS codes

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

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