#C4AD6C - #FF8C99 | 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 #C4AD6C to #FF8C99

#C4AD6C #FF8C99

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

#C4AD6C - #FF8C99 | 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 #C4AD6C as 0% and #FF8C99 as 100%.

0.0%	0.0% #C4AD6C	RGB 196 173 108	#C4AD6C
16.7%	16.7% #CDA773	RGB 205 167 115	#CDA773
33.3%	33.3% #D7A27B	RGB 215 162 123	#D7A27B
50.0%	50.0% #E19C82	RGB 225 156 130	#E19C82
66.7%	66.7% #EB978A	RGB 235 151 138	#EB978A
83.3%	83.3% #F59191	RGB 245 145 145	#F59191
100.0%	100.0% #FF8C99	RGB 255 140 153	#FF8C99

#C4AD6C #CDA773 #D7A27B #E19C82 #EB978A #F59191 #FF8C99

#C4AD6C - #FF8C99

HSV Blend

#C4AD6C - #FF8C99 | 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 #C4AD6C as 0% and #FF8C99 as 100%.

0.0%	0.0% #C4AD6C	RGB 196 173 108	#C4AD6C
16.7%	16.7% #CDA871	RGB 205 168 113	#CDA871
33.3%	33.3% #D7A276	RGB 215 162 118	#D7A276
50.0%	50.0% #E19B7C	RGB 225 155 124	#E19B7C
66.7%	66.7% #EB9381	RGB 235 147 129	#EB9381
83.3%	83.3% #F58986	RGB 245 137 134	#F58986
100.0%	100.0% #FF8C99	RGB 255 140 153	#FF8C99

#C4AD6C #CDA871 #D7A276 #E19B7C #EB9381 #F58986 #FF8C99

#C4AD6C - #E19B7C - #FF8C99

CSS codes

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

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