#CBADA4 - #AF634E | 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 #CBADA4 to #AF634E

#CBADA4 #AF634E

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

#CBADA4 - #AF634E | 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 #CBADA4 as 0% and #AF634E as 100%.

0.0%	0.0% #CBADA4	RGB 203 173 164	#CBADA4
16.7%	16.7% #C6A095	RGB 198 160 149	#C6A095
33.3%	33.3% #C19487	RGB 193 148 135	#C19487
50.0%	50.0% #BD8879	RGB 189 136 121	#BD8879
66.7%	66.7% #B87B6A	RGB 184 123 106	#B87B6A
83.3%	83.3% #B36F5C	RGB 179 111 92	#B36F5C
100.0%	100.0% #AF634E	RGB 175 99 78	#AF634E

#CBADA4 #C6A095 #C19487 #BD8879 #B87B6A #B36F5C #AF634E

#CBADA4 - #AF634E

HSV Blend

#CBADA4 - #AF634E | 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 #CBADA4 as 0% and #AF634E as 100%.

0.0%	0.0% #CBADA4	RGB 203 173 164	#CBADA4
16.7%	16.7% #C69F94	RGB 198 159 148	#C69F94
33.3%	33.3% #C19285	RGB 193 146 133	#C19285
50.0%	50.0% #BD8676	RGB 189 134 118	#BD8676
66.7%	66.7% #B87A68	RGB 184 122 104	#B87A68
83.3%	83.3% #B36E5A	RGB 179 110 90	#B36E5A
100.0%	100.0% #AF634E	RGB 175 99 78	#AF634E

#CBADA4 #C69F94 #C19285 #BD8676 #B87A68 #B36E5A #AF634E

#CBADA4 - #BD8676 - #AF634E

CSS codes

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

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