#CF6B6B - #FEBF8C | 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 #CF6B6B to #FEBF8C

#CF6B6B #FEBF8C

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

#CF6B6B - #FEBF8C | 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 #CF6B6B as 0% and #FEBF8C as 100%.

0.0%	0.0% #CF6B6B	RGB 207 107 107	#CF6B6B
16.7%	16.7% #D67970	RGB 214 121 112	#D67970
33.3%	33.3% #DE8776	RGB 222 135 118	#DE8776
50.0%	50.0% #E6957B	RGB 230 149 123	#E6957B
66.7%	66.7% #EEA381	RGB 238 163 129	#EEA381
83.3%	83.3% #F6B186	RGB 246 177 134	#F6B186
100.0%	100.0% #FEBF8C	RGB 254 191 140	#FEBF8C

#CF6B6B #D67970 #DE8776 #E6957B #EEA381 #F6B186 #FEBF8C

#CF6B6B - #FEBF8C

HSV Blend

#CF6B6B - #FEBF8C | 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 #CF6B6B as 0% and #FEBF8C as 100%.

0.0%	0.0% #CF6B6B	RGB 207 107 107	#CF6B6B
16.7%	16.7% #D67770	RGB 214 119 112	#D67770
33.3%	33.3% #DE8575	RGB 222 133 117	#DE8575
50.0%	50.0% #E6937B	RGB 230 147 123	#E6937B
66.7%	66.7% #EEA180	RGB 238 161 128	#EEA180
83.3%	83.3% #F6AF86	RGB 246 175 134	#F6AF86
100.0%	100.0% #FEBF8C	RGB 254 191 140	#FEBF8C

#CF6B6B #D67770 #DE8575 #E6937B #EEA180 #F6AF86 #FEBF8C

#CF6B6B - #E6937B - #FEBF8C

CSS codes

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

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