#C8A8BA - #FFE6D0 | 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 #C8A8BA to #FFE6D0

#C8A8BA #FFE6D0

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

#C8A8BA - #FFE6D0 | 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 #C8A8BA as 0% and #FFE6D0 as 100%.

0.0%	0.0% #C8A8BA	RGB 200 168 186	#C8A8BA
16.7%	16.7% #D1B2BD	RGB 209 178 189	#D1B2BD
33.3%	33.3% #DABCC1	RGB 218 188 193	#DABCC1
50.0%	50.0% #E3C7C5	RGB 227 199 197	#E3C7C5
66.7%	66.7% #ECD1C8	RGB 236 209 200	#ECD1C8
83.3%	83.3% #F5DBCC	RGB 245 219 204	#F5DBCC
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#C8A8BA #D1B2BD #DABCC1 #E3C7C5 #ECD1C8 #F5DBCC #FFE6D0

#C8A8BA - #FFE6D0

HSV Blend

#C8A8BA - #FFE6D0 | 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 #C8A8BA as 0% and #FFE6D0 as 100%.

0.0%	0.0% #C8A8BA	RGB 200 168 186	#C8A8BA
16.7%	16.7% #D1AEBC	RGB 209 174 188	#D1AEBC
33.3%	33.3% #DAB5BD	RGB 218 181 189	#DAB5BD
50.0%	50.0% #E3BCBE	RGB 227 188 190	#E3BCBE
66.7%	66.7% #ECC8C2	RGB 236 200 194	#ECC8C2
83.3%	83.3% #F5D6C9	RGB 245 214 201	#F5D6C9
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#C8A8BA #D1AEBC #DAB5BD #E3BCBE #ECC8C2 #F5D6C9 #FFE6D0

#C8A8BA - #E3BCBE - #FFE6D0

CSS codes

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

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