#CBABC2 - #FFEAD9 | 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 #CBABC2 to #FFEAD9

#CBABC2 #FFEAD9

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

#CBABC2 - #FFEAD9 | 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 #CBABC2 as 0% and #FFEAD9 as 100%.

0.0%	0.0% #CBABC2	RGB 203 171 194	#CBABC2
16.7%	16.7% #D3B5C5	RGB 211 181 197	#D3B5C5
33.3%	33.3% #DCC0C9	RGB 220 192 201	#DCC0C9
50.0%	50.0% #E5CACD	RGB 229 202 205	#E5CACD
66.7%	66.7% #EDD5D1	RGB 237 213 209	#EDD5D1
83.3%	83.3% #F6DFD5	RGB 246 223 213	#F6DFD5
100.0%	100.0% #FFEAD9	RGB 255 234 217	#FFEAD9

#CBABC2 #D3B5C5 #DCC0C9 #E5CACD #EDD5D1 #F6DFD5 #FFEAD9

#CBABC2 - #FFEAD9

HSV Blend

#CBABC2 - #FFEAD9 | 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 #CBABC2 as 0% and #FFEAD9 as 100%.

0.0%	0.0% #CBABC2	RGB 203 171 194	#CBABC2
16.7%	16.7% #D3B2C3	RGB 211 178 195	#D3B2C3
33.3%	33.3% #DCBAC5	RGB 220 186 197	#DCBAC5
50.0%	50.0% #E5C1C6	RGB 229 193 198	#E5C1C6
66.7%	66.7% #EDCBC9	RGB 237 203 201	#EDCBC9
83.3%	83.3% #F6DAD1	RGB 246 218 209	#F6DAD1
100.0%	100.0% #FFEAD9	RGB 255 234 217	#FFEAD9

#CBABC2 #D3B2C3 #DCBAC5 #E5C1C6 #EDCBC9 #F6DAD1 #FFEAD9

#CBABC2 - #E5C1C6 - #FFEAD9

CSS codes

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

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