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

#C26C9F #FD8D9F

Calculate the color between two colors, #C26C9F 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)

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

0.0%	0.0% #C26C9F	RGB 194 108 159	#C26C9F
16.7%	16.7% #CB719F	RGB 203 113 159	#CB719F
33.3%	33.3% #D5779F	RGB 213 119 159	#D5779F
50.0%	50.0% #DF7C9F	RGB 223 124 159	#DF7C9F
66.7%	66.7% #E9829F	RGB 233 130 159	#E9829F
83.3%	83.3% #F3879F	RGB 243 135 159	#F3879F
100.0%	100.0% #FD8D9F	RGB 253 141 159	#FD8D9F

#C26C9F #CB719F #D5779F #DF7C9F #E9829F #F3879F #FD8D9F

#C26C9F - #FD8D9F

HSV Blend

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

0.0%	0.0% #C26C9F	RGB 194 108 159	#C26C9F
16.7%	16.7% #CB71A0	RGB 203 113 160	#CB71A0
33.3%	33.3% #D576A1	RGB 213 118 161	#D576A1
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

#C26C9F #CB71A0 #D576A1 #DF7CA1 #E981A1 #F387A0 #FD8D9F

#C26C9F - #DF7CA1 - #FD8D9F

CSS codes

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

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