#C65D9C - #FE7C95 | 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 #C65D9C to #FE7C95

#C65D9C #FE7C95

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

#C65D9C - #FE7C95 | 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 #C65D9C as 0% and #FE7C95 as 100%.

0.0%	0.0% #C65D9C	RGB 198 93 156	#C65D9C
16.7%	16.7% #CF629A	RGB 207 98 154	#CF629A
33.3%	33.3% #D86799	RGB 216 103 153	#D86799
50.0%	50.0% #E26C98	RGB 226 108 152	#E26C98
66.7%	66.7% #EB7197	RGB 235 113 151	#EB7197
83.3%	83.3% #F47696	RGB 244 118 150	#F47696
100.0%	100.0% #FE7C95	RGB 254 124 149	#FE7C95

#C65D9C #CF629A #D86799 #E26C98 #EB7197 #F47696 #FE7C95

#C65D9C - #FE7C95

HSV Blend

#C65D9C - #FE7C95 | 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 #C65D9C as 0% and #FE7C95 as 100%.

0.0%	0.0% #C65D9B	RGB 198 93 155	#C65D9B
16.7%	16.7% #CF629C	RGB 207 98 156	#CF629C
33.3%	33.3% #D8679B	RGB 216 103 155	#D8679B
50.0%	50.0% #E26C9A	RGB 226 108 154	#E26C9A
66.7%	66.7% #EB7199	RGB 235 113 153	#EB7199
83.3%	83.3% #F47697	RGB 244 118 151	#F47697
100.0%	100.0% #FE7C95	RGB 254 124 149	#FE7C95

#C65D9B #CF629C #D8679B #E26C9A #EB7199 #F47697 #FE7C95

#C65D9C - #E26C9A - #FE7C95

CSS codes

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

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