#C4B2D5 - #EFE9F3 | 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 #C4B2D5 to #EFE9F3

#C4B2D5 #EFE9F3

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

#C4B2D5 - #EFE9F3 | 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 #C4B2D5 as 0% and #EFE9F3 as 100%.

0.0%	0.0% #C4B2D5	RGB 196 178 213	#C4B2D5
16.7%	16.7% #CBBBDA	RGB 203 187 218	#CBBBDA
33.3%	33.3% #D2C4DF	RGB 210 196 223	#D2C4DF
50.0%	50.0% #D9CDE4	RGB 217 205 228	#D9CDE4
66.7%	66.7% #E0D6E9	RGB 224 214 233	#E0D6E9
83.3%	83.3% #E7DFEE	RGB 231 223 238	#E7DFEE
100.0%	100.0% #EFE9F3	RGB 239 233 243	#EFE9F3

#C4B2D5 #CBBBDA #D2C4DF #D9CDE4 #E0D6E9 #E7DFEE #EFE9F3

#C4B2D5 - #EFE9F3

HSV Blend

#C4B2D5 - #EFE9F3 | 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 #C4B2D5 as 0% and #EFE9F3 as 100%.

0.0%	0.0% #C4B2D5	RGB 196 178 213	#C4B2D5
16.7%	16.7% #CBBADA	RGB 203 186 218	#CBBADA
33.3%	33.3% #D2C3DF	RGB 210 195 223	#D2C3DF
50.0%	50.0% #D9CCE4	RGB 217 204 228	#D9CCE4
66.7%	66.7% #E0D5E9	RGB 224 213 233	#E0D5E9
83.3%	83.3% #E7DFEE	RGB 231 223 238	#E7DFEE
100.0%	100.0% #EFE9F3	RGB 239 233 243	#EFE9F3

#C4B2D5 #CBBADA #D2C3DF #D9CCE4 #E0D5E9 #E7DFEE #EFE9F3

#C4B2D5 - #D9CCE4 - #EFE9F3

CSS codes

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

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