#BCADA6 - #FFE5C0 | 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 #BCADA6 to #FFE5C0

#BCADA6 #FFE5C0

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

#BCADA6 - #FFE5C0 | 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 #BCADA6 as 0% and #FFE5C0 as 100%.

0.0%	0.0% #BCADA6	RGB 188 173 166	#BCADA6
16.7%	16.7% #C7B6AA	RGB 199 182 170	#C7B6AA
33.3%	33.3% #D2BFAE	RGB 210 191 174	#D2BFAE
50.0%	50.0% #DDC9B3	RGB 221 201 179	#DDC9B3
66.7%	66.7% #E8D2B7	RGB 232 210 183	#E8D2B7
83.3%	83.3% #F3DBBB	RGB 243 219 187	#F3DBBB
100.0%	100.0% #FFE5C0	RGB 255 229 192	#FFE5C0

#BCADA6 #C7B6AA #D2BFAE #DDC9B3 #E8D2B7 #F3DBBB #FFE5C0

#BCADA6 - #FFE5C0

HSV Blend

#BCADA6 - #FFE5C0 | 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 #BCADA6 as 0% and #FFE5C0 as 100%.

0.0%	0.0% #BCADA6	RGB 188 173 166	#BCADA6
16.7%	16.7% #C7B5AB	RGB 199 181 171	#C7B5AB
33.3%	33.3% #D2BEB0	RGB 210 190 176	#D2BEB0
50.0%	50.0% #DDC7B5	RGB 221 199 181	#DDC7B5
66.7%	66.7% #E8D0B9	RGB 232 208 185	#E8D0B9
83.3%	83.3% #F3DABC	RGB 243 218 188	#F3DABC
100.0%	100.0% #FFE5C0	RGB 255 229 192	#FFE5C0

#BCADA6 #C7B5AB #D2BEB0 #DDC7B5 #E8D0B9 #F3DABC #FFE5C0

#BCADA6 - #DDC7B5 - #FFE5C0

CSS codes

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

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