#C34F7E - #FF7ED2 | 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 #C34F7E to #FF7ED2

#C34F7E #FF7ED2

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

#C34F7E - #FF7ED2 | 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 #C34F7E as 0% and #FF7ED2 as 100%.

0.0%	0.0% #C34F7E	RGB 195 79 126	#C34F7E
16.7%	16.7% #CD568C	RGB 205 86 140	#CD568C
33.3%	33.3% #D75E9A	RGB 215 94 154	#D75E9A
50.0%	50.0% #E166A8	RGB 225 102 168	#E166A8
66.7%	66.7% #EB6EB6	RGB 235 110 182	#EB6EB6
83.3%	83.3% #F576C4	RGB 245 118 196	#F576C4
100.0%	100.0% #FF7ED2	RGB 255 126 210	#FF7ED2

#C34F7E #CD568C #D75E9A #E166A8 #EB6EB6 #F576C4 #FF7ED2

#C34F7E - #FF7ED2

HSV Blend

#C34F7E - #FF7ED2 | 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 #C34F7E as 0% and #FF7ED2 as 100%.

0.0%	0.0% #C34F7E	RGB 195 79 126	#C34F7E
16.7%	16.7% #CD568B	RGB 205 86 139	#CD568B
33.3%	33.3% #D75D98	RGB 215 93 152	#D75D98
50.0%	50.0% #E165A6	RGB 225 101 166	#E165A6
66.7%	66.7% #EB6DB4	RGB 235 109 180	#EB6DB4
83.3%	83.3% #F575C3	RGB 245 117 195	#F575C3
100.0%	100.0% #FF7ED2	RGB 255 126 210	#FF7ED2

#C34F7E #CD568B #D75D98 #E165A6 #EB6DB4 #F575C3 #FF7ED2

#C34F7E - #E165A6 - #FF7ED2

CSS codes

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

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