#ECB6D4 - #CBC7E8 | 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 #ECB6D4 to #CBC7E8

#ECB6D4 #CBC7E8

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

#ECB6D4 - #CBC7E8 | 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 #ECB6D4 as 0% and #CBC7E8 as 100%.

0.0%	0.0% #ECB6D4	RGB 236 182 212	#ECB6D4
16.7%	16.7% #E6B8D7	RGB 230 184 215	#E6B8D7
33.3%	33.3% #E1BBDA	RGB 225 187 218	#E1BBDA
50.0%	50.0% #DBBEDE	RGB 219 190 222	#DBBEDE
66.7%	66.7% #D6C1E1	RGB 214 193 225	#D6C1E1
83.3%	83.3% #D0C4E4	RGB 208 196 228	#D0C4E4
100.0%	100.0% #CBC7E8	RGB 203 199 232	#CBC7E8

#ECB6D4 #E6B8D7 #E1BBDA #DBBEDE #D6C1E1 #D0C4E4 #CBC7E8

#ECB6D4 - #CBC7E8

HSV Blend

#ECB6D4 - #CBC7E8 | 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 #ECB6D4 as 0% and #CBC7E8 as 100%.

0.0%	0.0% #ECB6D4	RGB 236 182 212	#ECB6D4
16.7%	16.7% #EBB8E0	RGB 235 184 224	#EBB8E0
33.3%	33.3% #EABBEA	RGB 234 187 234	#EABBEA
50.0%	50.0% #E0BEEA	RGB 224 190 234	#E0BEEA
66.7%	66.7% #D7C1E9	RGB 215 193 233	#D7C1E9
83.3%	83.3% #D0C4E8	RGB 208 196 232	#D0C4E8
100.0%	100.0% #CBC7E8	RGB 203 199 232	#CBC7E8

#ECB6D4 #EBB8E0 #EABBEA #E0BEEA #D7C1E9 #D0C4E8 #CBC7E8

#ECB6D4 - #E0BEEA - #CBC7E8

CSS codes

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

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