#C26C9E - #FD8D9F | 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 #C26C9E to #FD8D9F

#C26C9E #FD8D9F

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

#C26C9E - #FD8D9F | 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 #C26C9E as 0% and #FD8D9F as 100%.

0.0%	0.0% #C26C9E	RGB 194 108 158	#C26C9E
16.7%	16.7% #CB719E	RGB 203 113 158	#CB719E
33.3%	33.3% #D5779E	RGB 213 119 158	#D5779E
50.0%	50.0% #DF7C9E	RGB 223 124 158	#DF7C9E
66.7%	66.7% #E9829E	RGB 233 130 158	#E9829E
83.3%	83.3% #F3879E	RGB 243 135 158	#F3879E
100.0%	100.0% #FD8D9F	RGB 253 141 159	#FD8D9F

#C26C9E #CB719E #D5779E #DF7C9E #E9829E #F3879E #FD8D9F

#C26C9E - #FD8D9F

HSV Blend

#C26C9E - #FD8D9F | 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 #C26C9E as 0% and #FD8D9F as 100%.

0.0%	0.0% #C26C9E	RGB 194 108 158	#C26C9E
16.7%	16.7% #CB719F	RGB 203 113 159	#CB719F
33.3%	33.3% #D576A0	RGB 213 118 160	#D576A0
50.0%	50.0% #DF7CA1	RGB 223 124 161	#DF7CA1
66.7%	66.7% #E981A1	RGB 233 129 161	#E981A1
83.3%	83.3% #F387A0	RGB 243 135 160	#F387A0
100.0%	100.0% #FD8D9F	RGB 253 141 159	#FD8D9F

#C26C9E #CB719F #D576A0 #DF7CA1 #E981A1 #F387A0 #FD8D9F

#C26C9E - #DF7CA1 - #FD8D9F

CSS codes

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

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