#C4B5FD - #EEE9FE | 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 #C4B5FD to #EEE9FE

#C4B5FD #EEE9FE

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

#C4B5FD - #EEE9FE | 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 #C4B5FD as 0% and #EEE9FE as 100%.

0.0%	0.0% #C4B5FD	RGB 196 181 253	#C4B5FD
16.7%	16.7% #CBBDFD	RGB 203 189 253	#CBBDFD
33.3%	33.3% #D2C6FD	RGB 210 198 253	#D2C6FD
50.0%	50.0% #D9CFFD	RGB 217 207 253	#D9CFFD
66.7%	66.7% #E0D7FD	RGB 224 215 253	#E0D7FD
83.3%	83.3% #E7E0FD	RGB 231 224 253	#E7E0FD
100.0%	100.0% #EEE9FE	RGB 238 233 254	#EEE9FE

#C4B5FD #CBBDFD #D2C6FD #D9CFFD #E0D7FD #E7E0FD #EEE9FE

#C4B5FD - #EEE9FE

HSV Blend

#C4B5FD - #EEE9FE | 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 #C4B5FD as 0% and #EEE9FE as 100%.

0.0%	0.0% #C4B5FD	RGB 196 181 253	#C4B5FD
16.7%	16.7% #CBBDFD	RGB 203 189 253	#CBBDFD
33.3%	33.3% #D2C6FD	RGB 210 198 253	#D2C6FD
50.0%	50.0% #D9CEFD	RGB 217 206 253	#D9CEFD
66.7%	66.7% #E0D7FD	RGB 224 215 253	#E0D7FD
83.3%	83.3% #E7E0FD	RGB 231 224 253	#E7E0FD
100.0%	100.0% #EEE9FE	RGB 238 233 254	#EEE9FE

#C4B5FD #CBBDFD #D2C6FD #D9CEFD #E0D7FD #E7E0FD #EEE9FE

#C4B5FD - #D9CEFD - #EEE9FE

CSS codes

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

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