#CA5E93 - #E394CF | 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 #CA5E93 to #E394CF

#CA5E93 #E394CF

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

#CA5E93 - #E394CF | 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 #CA5E93 as 0% and #E394CF as 100%.

0.0%	0.0% #CA5E93	RGB 202 94 147	#CA5E93
16.7%	16.7% #CE679D	RGB 206 103 157	#CE679D
33.3%	33.3% #D270A7	RGB 210 112 167	#D270A7
50.0%	50.0% #D679B1	RGB 214 121 177	#D679B1
66.7%	66.7% #DA82BB	RGB 218 130 187	#DA82BB
83.3%	83.3% #DE8BC5	RGB 222 139 197	#DE8BC5
100.0%	100.0% #E394CF	RGB 227 148 207	#E394CF

#CA5E93 #CE679D #D270A7 #D679B1 #DA82BB #DE8BC5 #E394CF

#CA5E93 - #E394CF

HSV Blend

#CA5E93 - #E394CF | 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 #CA5E93 as 0% and #E394CF as 100%.

0.0%	0.0% #CA5E92	RGB 202 94 146	#CA5E92
16.7%	16.7% #CE669D	RGB 206 102 157	#CE669D
33.3%	33.3% #D26EA8	RGB 210 110 168	#D26EA8
50.0%	50.0% #D677B2	RGB 214 119 178	#D677B2
66.7%	66.7% #DA80BC	RGB 218 128 188	#DA80BC
83.3%	83.3% #DE8AC5	RGB 222 138 197	#DE8AC5
100.0%	100.0% #E394CF	RGB 227 148 207	#E394CF

#CA5E92 #CE669D #D26EA8 #D677B2 #DA80BC #DE8AC5 #E394CF

#CA5E93 - #D677B2 - #E394CF

CSS codes

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

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