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

#CA5E92 #E394CF

Calculate the color between two colors, #CA5E92 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)

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

0.0%	0.0% #CA5E92	RGB 202 94 146	#CA5E92
16.7%	16.7% #CE679C	RGB 206 103 156	#CE679C
33.3%	33.3% #D270A6	RGB 210 112 166	#D270A6
50.0%	50.0% #D679B0	RGB 214 121 176	#D679B0
66.7%	66.7% #DA82BA	RGB 218 130 186	#DA82BA
83.3%	83.3% #DE8BC4	RGB 222 139 196	#DE8BC4
100.0%	100.0% #E394CF	RGB 227 148 207	#E394CF

#CA5E92 #CE679C #D270A6 #D679B0 #DA82BA #DE8BC4 #E394CF

#CA5E92 - #E394CF

HSV Blend

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

0.0%	0.0% #CA5E92	RGB 202 94 146	#CA5E92
16.7%	16.7% #CE669C	RGB 206 102 156	#CE669C
33.3%	33.3% #D26EA7	RGB 210 110 167	#D26EA7
50.0%	50.0% #D677B1	RGB 214 119 177	#D677B1
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 #CE669C #D26EA7 #D677B1 #DA80BC #DE8AC5 #E394CF

#CA5E92 - #D677B1 - #E394CF

CSS codes

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

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