#C69B8C - #FFDDAC | 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 #C69B8C to #FFDDAC

#C69B8C #FFDDAC

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

#C69B8C - #FFDDAC | 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 #C69B8C as 0% and #FFDDAC as 100%.

0.0%	0.0% #C69B8C	RGB 198 155 140	#C69B8C
16.7%	16.7% #CFA691	RGB 207 166 145	#CFA691
33.3%	33.3% #D9B196	RGB 217 177 150	#D9B196
50.0%	50.0% #E2BC9C	RGB 226 188 156	#E2BC9C
66.7%	66.7% #ECC7A1	RGB 236 199 161	#ECC7A1
83.3%	83.3% #F5D2A6	RGB 245 210 166	#F5D2A6
100.0%	100.0% #FFDDAC	RGB 255 221 172	#FFDDAC

#C69B8C #CFA691 #D9B196 #E2BC9C #ECC7A1 #F5D2A6 #FFDDAC

#C69B8C - #FFDDAC

HSV Blend

#C69B8C - #FFDDAC | 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 #C69B8C as 0% and #FFDDAC as 100%.

0.0%	0.0% #C69B8C	RGB 198 155 140	#C69B8C
16.7%	16.7% #CFA591	RGB 207 165 145	#CFA591
33.3%	33.3% #D9AF97	RGB 217 175 151	#D9AF97
50.0%	50.0% #E2BA9C	RGB 226 186 156	#E2BA9C
66.7%	66.7% #ECC5A1	RGB 236 197 161	#ECC5A1
83.3%	83.3% #F5D0A6	RGB 245 208 166	#F5D0A6
100.0%	100.0% #FFDDAC	RGB 255 221 172	#FFDDAC

#C69B8C #CFA591 #D9AF97 #E2BA9C #ECC5A1 #F5D0A6 #FFDDAC

#C69B8C - #E2BA9C - #FFDDAC

CSS codes

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

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