#FF82C5 - #CF0070 | 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 #FF82C5 to #CF0070

#FF82C5 #CF0070

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

#FF82C5 - #CF0070 | 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 #FF82C5 as 0% and #CF0070 as 100%.

0.0%	0.0% #FF82C5	RGB 255 130 197	#FF82C5
16.7%	16.7% #F76CB6	RGB 247 108 182	#F76CB6
33.3%	33.3% #EF56A8	RGB 239 86 168	#EF56A8
50.0%	50.0% #E7419A	RGB 231 65 154	#E7419A
66.7%	66.7% #DF2B8C	RGB 223 43 140	#DF2B8C
83.3%	83.3% #D7157E	RGB 215 21 126	#D7157E
100.0%	100.0% #CF0070	RGB 207 0 112	#CF0070

#FF82C5 #F76CB6 #EF56A8 #E7419A #DF2B8C #D7157E #CF0070

#FF82C5 - #CF0070

HSV Blend

#FF82C5 - #CF0070 | 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 #FF82C5 as 0% and #CF0070 as 100%.

0.0%	0.0% #FF82C5	RGB 255 130 197	#FF82C5
16.7%	16.7% #F768B5	RGB 247 104 181	#F768B5
33.3%	33.3% #EF51A6	RGB 239 81 166	#EF51A6
50.0%	50.0% #E73A97	RGB 231 58 151	#E73A97
66.7%	66.7% #DF2589	RGB 223 37 137	#DF2589
83.3%	83.3% #D7127C	RGB 215 18 124	#D7127C
100.0%	100.0% #CF0070	RGB 207 0 112	#CF0070

#FF82C5 #F768B5 #EF51A6 #E73A97 #DF2589 #D7127C #CF0070

#FF82C5 - #E73A97 - #CF0070

CSS codes

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

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