#CDA09C - #B25246 | 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 #CDA09C to #B25246

#CDA09C #B25246

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

#CDA09C - #B25246 | 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 #CDA09C as 0% and #B25246 as 100%.

0.0%	0.0% #CDA09C	RGB 205 160 156	#CDA09C
16.7%	16.7% #C8938D	RGB 200 147 141	#C8938D
33.3%	33.3% #C4867F	RGB 196 134 127	#C4867F
50.0%	50.0% #BF7971	RGB 191 121 113	#BF7971
66.7%	66.7% #BB6C62	RGB 187 108 98	#BB6C62
83.3%	83.3% #B65F54	RGB 182 95 84	#B65F54
100.0%	100.0% #B25246	RGB 178 82 70	#B25246

#CDA09C #C8938D #C4867F #BF7971 #BB6C62 #B65F54 #B25246

#CDA09C - #B25246

HSV Blend

#CDA09C - #B25246 | 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 #CDA09C as 0% and #B25246 as 100%.

0.0%	0.0% #CDA09C	RGB 205 160 156	#CDA09C
16.7%	16.7% #C8918C	RGB 200 145 140	#C8918C
33.3%	33.3% #C4837D	RGB 196 131 125	#C4837D
50.0%	50.0% #BF766E	RGB 191 118 110	#BF766E
66.7%	66.7% #BB6960	RGB 187 105 96	#BB6960
83.3%	83.3% #B65D52	RGB 182 93 82	#B65D52
100.0%	100.0% #B25246	RGB 178 82 70	#B25246

#CDA09C #C8918C #C4837D #BF766E #BB6960 #B65D52 #B25246

#CDA09C - #BF766E - #B25246

CSS codes

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

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