#CA5E99 - #E394D3 | 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 #CA5E99 to #E394D3

#CA5E99 #E394D3

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

#CA5E99 - #E394D3 | 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 #CA5E99 as 0% and #E394D3 as 100%.

0.0%	0.0% #CA5E99	RGB 202 94 153	#CA5E99
16.7%	16.7% #CE67A2	RGB 206 103 162	#CE67A2
33.3%	33.3% #D270AC	RGB 210 112 172	#D270AC
50.0%	50.0% #D679B6	RGB 214 121 182	#D679B6
66.7%	66.7% #DA82BF	RGB 218 130 191	#DA82BF
83.3%	83.3% #DE8BC9	RGB 222 139 201	#DE8BC9
100.0%	100.0% #E394D3	RGB 227 148 211	#E394D3

#CA5E99 #CE67A2 #D270AC #D679B6 #DA82BF #DE8BC9 #E394D3

#CA5E99 - #E394D3

HSV Blend

#CA5E99 - #E394D3 | 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 #CA5E99 as 0% and #E394D3 as 100%.

0.0%	0.0% #CA5E99	RGB 202 94 153	#CA5E99
16.7%	16.7% #CE66A3	RGB 206 102 163	#CE66A3
33.3%	33.3% #D26EAD	RGB 210 110 173	#D26EAD
50.0%	50.0% #D677B7	RGB 214 119 183	#D677B7
66.7%	66.7% #DA80C0	RGB 218 128 192	#DA80C0
83.3%	83.3% #DE8ACA	RGB 222 138 202	#DE8ACA
100.0%	100.0% #E394D3	RGB 227 148 211	#E394D3

#CA5E99 #CE66A3 #D26EAD #D677B7 #DA80C0 #DE8ACA #E394D3

#CA5E99 - #D677B7 - #E394D3

CSS codes

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

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