#C2AC94 - #FFE2AF | 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 #C2AC94 to #FFE2AF

#C2AC94 #FFE2AF

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

#C2AC94 - #FFE2AF | 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 #C2AC94 as 0% and #FFE2AF as 100%.

0.0%	0.0% #C2AC94	RGB 194 172 148	#C2AC94
16.7%	16.7% #CCB598	RGB 204 181 152	#CCB598
33.3%	33.3% #D6BE9D	RGB 214 190 157	#D6BE9D
50.0%	50.0% #E0C7A1	RGB 224 199 161	#E0C7A1
66.7%	66.7% #EAD0A6	RGB 234 208 166	#EAD0A6
83.3%	83.3% #F4D9AA	RGB 244 217 170	#F4D9AA
100.0%	100.0% #FFE2AF	RGB 255 226 175	#FFE2AF

#C2AC94 #CCB598 #D6BE9D #E0C7A1 #EAD0A6 #F4D9AA #FFE2AF

#C2AC94 - #FFE2AF

HSV Blend

#C2AC94 - #FFE2AF | 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 #C2AC94 as 0% and #FFE2AF as 100%.

0.0%	0.0% #C2AC94	RGB 194 172 148	#C2AC94
16.7%	16.7% #CCB499	RGB 204 180 153	#CCB499
33.3%	33.3% #D6BD9E	RGB 214 189 158	#D6BD9E
50.0%	50.0% #E0C6A2	RGB 224 198 162	#E0C6A2
66.7%	66.7% #EACFA7	RGB 234 207 167	#EACFA7
83.3%	83.3% #F4D8AB	RGB 244 216 171	#F4D8AB
100.0%	100.0% #FFE2AF	RGB 255 226 175	#FFE2AF

#C2AC94 #CCB499 #D6BD9E #E0C6A2 #EACFA7 #F4D8AB #FFE2AF

#C2AC94 - #E0C6A2 - #FFE2AF

CSS codes

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

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