#CDAFA2 - #B0674D | 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 #CDAFA2 to #B0674D

#CDAFA2 #B0674D

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

#CDAFA2 - #B0674D | 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 #CDAFA2 as 0% and #B0674D as 100%.

0.0%	0.0% #CDAFA2	RGB 205 175 162	#CDAFA2
16.7%	16.7% #C8A393	RGB 200 163 147	#C8A393
33.3%	33.3% #C39785	RGB 195 151 133	#C39785
50.0%	50.0% #BE8B77	RGB 190 139 119	#BE8B77
66.7%	66.7% #B97F69	RGB 185 127 105	#B97F69
83.3%	83.3% #B4735B	RGB 180 115 91	#B4735B
100.0%	100.0% #B0674D	RGB 176 103 77	#B0674D

#CDAFA2 #C8A393 #C39785 #BE8B77 #B97F69 #B4735B #B0674D

#CDAFA2 - #B0674D

HSV Blend

#CDAFA2 - #B0674D | 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 #CDAFA2 as 0% and #B0674D as 100%.

0.0%	0.0% #CDAFA2	RGB 205 175 162	#CDAFA2
16.7%	16.7% #C8A292	RGB 200 162 146	#C8A292
33.3%	33.3% #C39583	RGB 195 149 131	#C39583
50.0%	50.0% #BE8974	RGB 190 137 116	#BE8974
66.7%	66.7% #B97D67	RGB 185 125 103	#B97D67
83.3%	83.3% #B47259	RGB 180 114 89	#B47259
100.0%	100.0% #B0674D	RGB 176 103 77	#B0674D

#CDAFA2 #C8A292 #C39583 #BE8974 #B97D67 #B47259 #B0674D

#CDAFA2 - #BE8974 - #B0674D

CSS codes

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

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