#C0808C - #FFCAA2 | 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 #C0808C to #FFCAA2

#C0808C #FFCAA2

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

#C0808C - #FFCAA2 | 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 #C0808C as 0% and #FFCAA2 as 100%.

0.0%	0.0% #C0808C	RGB 192 128 140	#C0808C
16.7%	16.7% #CA8C8F	RGB 202 140 143	#CA8C8F
33.3%	33.3% #D59893	RGB 213 152 147	#D59893
50.0%	50.0% #DFA597	RGB 223 165 151	#DFA597
66.7%	66.7% #EAB19A	RGB 234 177 154	#EAB19A
83.3%	83.3% #F4BD9E	RGB 244 189 158	#F4BD9E
100.0%	100.0% #FFCAA2	RGB 255 202 162	#FFCAA2

#C0808C #CA8C8F #D59893 #DFA597 #EAB19A #F4BD9E #FFCAA2

#C0808C - #FFCAA2

HSV Blend

#C0808C - #FFCAA2 | 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 #C0808C as 0% and #FFCAA2 as 100%.

0.0%	0.0% #C0808C	RGB 192 128 140	#C0808C
16.7%	16.7% #CA858B	RGB 202 133 139	#CA858B
33.3%	33.3% #D58D8B	RGB 213 141 139	#D58D8B
50.0%	50.0% #DF9A91	RGB 223 154 145	#DF9A91
66.7%	66.7% #EAA997	RGB 234 169 151	#EAA997
83.3%	83.3% #F4B99C	RGB 244 185 156	#F4B99C
100.0%	100.0% #FFCAA2	RGB 255 202 162	#FFCAA2

#C0808C #CA858B #D58D8B #DF9A91 #EAA997 #F4B99C #FFCAA2

#C0808C - #DF9A91 - #FFCAA2

CSS codes

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

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