#CAB1DB - #FFE6D3 | 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 #CAB1DB to #FFE6D3

#CAB1DB #FFE6D3

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

#CAB1DB - #FFE6D3 | 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 #CAB1DB as 0% and #FFE6D3 as 100%.

0.0%	0.0% #CAB1DB	RGB 202 177 219	#CAB1DB
16.7%	16.7% #D2B9D9	RGB 210 185 217	#D2B9D9
33.3%	33.3% #DBC2D8	RGB 219 194 216	#DBC2D8
50.0%	50.0% #E4CBD7	RGB 228 203 215	#E4CBD7
66.7%	66.7% #EDD4D5	RGB 237 212 213	#EDD4D5
83.3%	83.3% #F6DDD4	RGB 246 221 212	#F6DDD4
100.0%	100.0% #FFE6D3	RGB 255 230 211	#FFE6D3

#CAB1DB #D2B9D9 #DBC2D8 #E4CBD7 #EDD4D5 #F6DDD4 #FFE6D3

#CAB1DB - #FFE6D3

HSV Blend

#CAB1DB - #FFE6D3 | 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 #CAB1DB as 0% and #FFE6D3 as 100%.

0.0%	0.0% #CAB1DB	RGB 202 177 219	#CAB1DB
16.7%	16.7% #DCB6E1	RGB 220 182 225	#DCB6E1
33.3%	33.3% #E7BCDE	RGB 231 188 222	#E7BCDE
50.0%	50.0% #EDC1D6	RGB 237 193 214	#EDC1D6
66.7%	66.7% #F3C7CF	RGB 243 199 207	#F3C7CF
83.3%	83.3% #F9D2CD	RGB 249 210 205	#F9D2CD
100.0%	100.0% #FFE6D3	RGB 255 230 211	#FFE6D3

#CAB1DB #DCB6E1 #E7BCDE #EDC1D6 #F3C7CF #F9D2CD #FFE6D3

#CAB1DB - #EDC1D6 - #FFE6D3

CSS codes

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

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