#C06585 - #FEB99E | 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 #C06585 to #FEB99E

#C06585 #FEB99E

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

#C06585 - #FEB99E | 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 #C06585 as 0% and #FEB99E as 100%.

0.0%	0.0% #C06585	RGB 192 101 133	#C06585
16.7%	16.7% #CA7389	RGB 202 115 137	#CA7389
33.3%	33.3% #D4818D	RGB 212 129 141	#D4818D
50.0%	50.0% #DF8F91	RGB 223 143 145	#DF8F91
66.7%	66.7% #E99D95	RGB 233 157 149	#E99D95
83.3%	83.3% #F3AB99	RGB 243 171 153	#F3AB99
100.0%	100.0% #FEB99E	RGB 254 185 158	#FEB99E

#C06585 #CA7389 #D4818D #DF8F91 #E99D95 #F3AB99 #FEB99E

#C06585 - #FEB99E

HSV Blend

#C06585 - #FEB99E | 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 #C06585 as 0% and #FEB99E as 100%.

0.0%	0.0% #C06585	RGB 192 101 133	#C06585
16.7%	16.7% #CA6D84	RGB 202 109 132	#CA6D84
33.3%	33.3% #D47683	RGB 212 118 131	#D47683
50.0%	50.0% #DF8083	RGB 223 128 131	#DF8083
66.7%	66.7% #E99089	RGB 233 144 137	#E99089
83.3%	83.3% #F3A493	RGB 243 164 147	#F3A493
100.0%	100.0% #FEB99E	RGB 254 185 158	#FEB99E

#C06585 #CA6D84 #D47683 #DF8083 #E99089 #F3A493 #FEB99E

#C06585 - #DF8083 - #FEB99E

CSS codes

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

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