#C6695C - #FEB979 | 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 #C6695C to #FEB979

#C6695C #FEB979

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

#C6695C - #FEB979 | 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 #C6695C as 0% and #FEB979 as 100%.

0.0%	0.0% #C6695C	RGB 198 105 92	#C6695C
16.7%	16.7% #CF7660	RGB 207 118 96	#CF7660
33.3%	33.3% #D88365	RGB 216 131 101	#D88365
50.0%	50.0% #E2916A	RGB 226 145 106	#E2916A
66.7%	66.7% #EB9E6F	RGB 235 158 111	#EB9E6F
83.3%	83.3% #F4AB74	RGB 244 171 116	#F4AB74
100.0%	100.0% #FEB979	RGB 254 185 121	#FEB979

#C6695C #CF7660 #D88365 #E2916A #EB9E6F #F4AB74 #FEB979

#C6695C - #FEB979

HSV Blend

#C6695C - #FEB979 | 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 #C6695C as 0% and #FEB979 as 100%.

0.0%	0.0% #C6695C	RGB 198 105 92	#C6695C
16.7%	16.7% #CF7460	RGB 207 116 96	#CF7460
33.3%	33.3% #D88165	RGB 216 129 101	#D88165
50.0%	50.0% #E28E6A	RGB 226 142 106	#E28E6A
66.7%	66.7% #EB9C6F	RGB 235 156 111	#EB9C6F
83.3%	83.3% #F4AA74	RGB 244 170 116	#F4AA74
100.0%	100.0% #FEB979	RGB 254 185 121	#FEB979

#C6695C #CF7460 #D88165 #E28E6A #EB9C6F #F4AA74 #FEB979

#C6695C - #E28E6A - #FEB979

CSS codes

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

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