#CC5DA6 - #FF758E | 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 #CC5DA6 to #FF758E

#CC5DA6 #FF758E

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

#CC5DA6 - #FF758E | 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 #CC5DA6 as 0% and #FF758E as 100%.

0.0%	0.0% #CC5DA6	RGB 204 93 166	#CC5DA6
16.7%	16.7% #D461A2	RGB 212 97 162	#D461A2
33.3%	33.3% #DD659E	RGB 221 101 158	#DD659E
50.0%	50.0% #E5699A	RGB 229 105 154	#E5699A
66.7%	66.7% #EE6D96	RGB 238 109 150	#EE6D96
83.3%	83.3% #F67192	RGB 246 113 146	#F67192
100.0%	100.0% #FF758E	RGB 255 117 142	#FF758E

#CC5DA6 #D461A2 #DD659E #E5699A #EE6D96 #F67192 #FF758E

#CC5DA6 - #FF758E

HSV Blend

#CC5DA6 - #FF758E | 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 #CC5DA6 as 0% and #FF758E as 100%.

0.0%	0.0% #CC5DA6	RGB 204 93 166	#CC5DA6
16.7%	16.7% #D460A3	RGB 212 96 163	#D460A3
33.3%	33.3% #DD64A0	RGB 221 100 160	#DD64A0
50.0%	50.0% #E5689D	RGB 229 104 157	#E5689D
66.7%	66.7% #EE6C98	RGB 238 108 152	#EE6C98
83.3%	83.3% #F67093	RGB 246 112 147	#F67093
100.0%	100.0% #FF758E	RGB 255 117 142	#FF758E

#CC5DA6 #D460A3 #DD64A0 #E5689D #EE6C98 #F67093 #FF758E

#CC5DA6 - #E5689D - #FF758E

CSS codes

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

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