#C65AAB - #FF7E9D | 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 #C65AAB to #FF7E9D

#C65AAB #FF7E9D

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

#C65AAB - #FF7E9D | 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 #C65AAB as 0% and #FF7E9D as 100%.

0.0%	0.0% #C65AAB	RGB 198 90 171	#C65AAB
16.7%	16.7% #CF60A8	RGB 207 96 168	#CF60A8
33.3%	33.3% #D966A6	RGB 217 102 166	#D966A6
50.0%	50.0% #E26CA4	RGB 226 108 164	#E26CA4
66.7%	66.7% #EC72A1	RGB 236 114 161	#EC72A1
83.3%	83.3% #F5789F	RGB 245 120 159	#F5789F
100.0%	100.0% #FF7E9D	RGB 255 126 157	#FF7E9D

#C65AAB #CF60A8 #D966A6 #E26CA4 #EC72A1 #F5789F #FF7E9D

#C65AAB - #FF7E9D

HSV Blend

#C65AAB - #FF7E9D | 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 #C65AAB as 0% and #FF7E9D as 100%.

0.0%	0.0% #C65AAB	RGB 198 90 171	#C65AAB
16.7%	16.7% #CF5FAA	RGB 207 95 170	#CF5FAA
33.3%	33.3% #D965A8	RGB 217 101 168	#D965A8
50.0%	50.0% #E26BA6	RGB 226 107 166	#E26BA6
66.7%	66.7% #EC71A3	RGB 236 113 163	#EC71A3
83.3%	83.3% #F577A0	RGB 245 119 160	#F577A0
100.0%	100.0% #FF7E9D	RGB 255 126 157	#FF7E9D

#C65AAB #CF5FAA #D965A8 #E26BA6 #EC71A3 #F577A0 #FF7E9D

#C65AAB - #E26BA6 - #FF7E9D

CSS codes

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

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