#E5C0DA - #B9669E | 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 #E5C0DA to #B9669E

#E5C0DA #B9669E

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

#E5C0DA - #B9669E | 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 #E5C0DA as 0% and #B9669E as 100%.

0.0%	0.0% #E5C0DA	RGB 229 192 218	#E5C0DA
16.7%	16.7% #DDB1D0	RGB 221 177 208	#DDB1D0
33.3%	33.3% #D6A2C6	RGB 214 162 198	#D6A2C6
50.0%	50.0% #CF93BC	RGB 207 147 188	#CF93BC
66.7%	66.7% #C784B2	RGB 199 132 178	#C784B2
83.3%	83.3% #C075A8	RGB 192 117 168	#C075A8
100.0%	100.0% #B9669E	RGB 185 102 158	#B9669E

#E5C0DA #DDB1D0 #D6A2C6 #CF93BC #C784B2 #C075A8 #B9669E

#E5C0DA - #B9669E

HSV Blend

#E5C0DA - #B9669E | 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 #E5C0DA as 0% and #B9669E as 100%.

0.0%	0.0% #E5C0DA	RGB 229 192 218	#E5C0DA
16.7%	16.7% #DDAFCF	RGB 221 175 207	#DDAFCF
33.3%	33.3% #D69FC5	RGB 214 159 197	#D69FC5
50.0%	50.0% #CF8FBB	RGB 207 143 187	#CF8FBB
66.7%	66.7% #C781B1	RGB 199 129 177	#C781B1
83.3%	83.3% #C073A7	RGB 192 115 167	#C073A7
100.0%	100.0% #B9669E	RGB 185 102 158	#B9669E

#E5C0DA #DDAFCF #D69FC5 #CF8FBB #C781B1 #C073A7 #B9669E

#E5C0DA - #CF8FBB - #B9669E

CSS codes

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

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