#CBA2DA - #FFF6D5 | 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 #CBA2DA to #FFF6D5

#CBA2DA #FFF6D5

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

#CBA2DA - #FFF6D5 | 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 #CBA2DA as 0% and #FFF6D5 as 100%.

0.0%	0.0% #CBA2DA	RGB 203 162 218	#CBA2DA
16.7%	16.7% #D3B0D9	RGB 211 176 217	#D3B0D9
33.3%	33.3% #DCBED8	RGB 220 190 216	#DCBED8
50.0%	50.0% #E5CCD7	RGB 229 204 215	#E5CCD7
66.7%	66.7% #EDDAD6	RGB 237 218 214	#EDDAD6
83.3%	83.3% #F6E8D5	RGB 246 232 213	#F6E8D5
100.0%	100.0% #FFF6D5	RGB 255 246 213	#FFF6D5

#CBA2DA #D3B0D9 #DCBED8 #E5CCD7 #EDDAD6 #F6E8D5 #FFF6D5

#CBA2DA - #FFF6D5

HSV Blend

#CBA2DA - #FFF6D5 | 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 #CBA2DA as 0% and #FFF6D5 as 100%.

0.0%	0.0% #CBA2DA	RGB 203 162 218	#CBA2DA
16.7%	16.7% #E0AADC	RGB 224 170 220	#E0AADC
33.3%	33.3% #E6B2D0	RGB 230 178 208	#E6B2D0
50.0%	50.0% #ECBAC6	RGB 236 186 198	#ECBAC6
66.7%	66.7% #F2C8C3	RGB 242 200 195	#F2C8C3
83.3%	83.3% #F8DFCC	RGB 248 223 204	#F8DFCC
100.0%	100.0% #FFF6D5	RGB 255 246 213	#FFF6D5

#CBA2DA #E0AADC #E6B2D0 #ECBAC6 #F2C8C3 #F8DFCC #FFF6D5

#CBA2DA - #ECBAC6 - #FFF6D5

CSS codes

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

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