#C66B6B - #FDBE8C | 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 #C66B6B to #FDBE8C

#C66B6B #FDBE8C

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

#C66B6B - #FDBE8C | 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 #C66B6B as 0% and #FDBE8C as 100%.

0.0%	0.0% #C66B6B	RGB 198 107 107	#C66B6B
16.7%	16.7% #CF7870	RGB 207 120 112	#CF7870
33.3%	33.3% #D88676	RGB 216 134 118	#D88676
50.0%	50.0% #E1947B	RGB 225 148 123	#E1947B
66.7%	66.7% #EAA281	RGB 234 162 129	#EAA281
83.3%	83.3% #F3B086	RGB 243 176 134	#F3B086
100.0%	100.0% #FDBE8C	RGB 253 190 140	#FDBE8C

#C66B6B #CF7870 #D88676 #E1947B #EAA281 #F3B086 #FDBE8C

#C66B6B - #FDBE8C

HSV Blend

#C66B6B - #FDBE8C | 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 #C66B6B as 0% and #FDBE8C as 100%.

0.0%	0.0% #C66B6B	RGB 198 107 107	#C66B6B
16.7%	16.7% #CF7770	RGB 207 119 112	#CF7770
33.3%	33.3% #D88475	RGB 216 132 117	#D88475
50.0%	50.0% #E1917B	RGB 225 145 123	#E1917B
66.7%	66.7% #EAA080	RGB 234 160 128	#EAA080
83.3%	83.3% #F3AE86	RGB 243 174 134	#F3AE86
100.0%	100.0% #FDBE8C	RGB 253 190 140	#FDBE8C

#C66B6B #CF7770 #D88475 #E1917B #EAA080 #F3AE86 #FDBE8C

#C66B6B - #E1917B - #FDBE8C

CSS codes

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

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