#C26B5C - #FDB97A | 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 #C26B5C to #FDB97A

#C26B5C #FDB97A

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

#C26B5C - #FDB97A | 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 #C26B5C as 0% and #FDB97A as 100%.

0.0%	0.0% #C26B5C	RGB 194 107 92	#C26B5C
16.7%	16.7% #CB7861	RGB 203 120 97	#CB7861
33.3%	33.3% #D58566	RGB 213 133 102	#D58566
50.0%	50.0% #DF926B	RGB 223 146 107	#DF926B
66.7%	66.7% #E99F70	RGB 233 159 112	#E99F70
83.3%	83.3% #F3AC75	RGB 243 172 117	#F3AC75
100.0%	100.0% #FDB97A	RGB 253 185 122	#FDB97A

#C26B5C #CB7861 #D58566 #DF926B #E99F70 #F3AC75 #FDB97A

#C26B5C - #FDB97A

HSV Blend

#C26B5C - #FDB97A | 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 #C26B5C as 0% and #FDB97A as 100%.

0.0%	0.0% #C26B5C	RGB 194 107 92	#C26B5C
16.7%	16.7% #CB7660	RGB 203 118 96	#CB7660
33.3%	33.3% #D58265	RGB 213 130 101	#D58265
50.0%	50.0% #DF8F6A	RGB 223 143 106	#DF8F6A
66.7%	66.7% #E99C6F	RGB 233 156 111	#E99C6F
83.3%	83.3% #F3AA74	RGB 243 170 116	#F3AA74
100.0%	100.0% #FDB97A	RGB 253 185 122	#FDB97A

#C26B5C #CB7660 #D58265 #DF8F6A #E99C6F #F3AA74 #FDB97A

#C26B5C - #DF8F6A - #FDB97A

CSS codes

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

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