#CBAF9F - #FFE7BC | 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 #CBAF9F to #FFE7BC

#CBAF9F #FFE7BC

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

#CBAF9F - #FFE7BC | 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 #CBAF9F as 0% and #FFE7BC as 100%.

0.0%	0.0% #CBAF9F	RGB 203 175 159	#CBAF9F
16.7%	16.7% #D3B8A3	RGB 211 184 163	#D3B8A3
33.3%	33.3% #DCC1A8	RGB 220 193 168	#DCC1A8
50.0%	50.0% #E5CBAD	RGB 229 203 173	#E5CBAD
66.7%	66.7% #EDD4B2	RGB 237 212 178	#EDD4B2
83.3%	83.3% #F6DDB7	RGB 246 221 183	#F6DDB7
100.0%	100.0% #FFE7BC	RGB 255 231 188	#FFE7BC

#CBAF9F #D3B8A3 #DCC1A8 #E5CBAD #EDD4B2 #F6DDB7 #FFE7BC

#CBAF9F - #FFE7BC

HSV Blend

#CBAF9F - #FFE7BC | 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 #CBAF9F as 0% and #FFE7BC as 100%.

0.0%	0.0% #CBAF9F	RGB 203 175 159	#CBAF9F
16.7%	16.7% #D3B7A4	RGB 211 183 164	#D3B7A4
33.3%	33.3% #DCC0A9	RGB 220 192 169	#DCC0A9
50.0%	50.0% #E5C9AE	RGB 229 201 174	#E5C9AE
66.7%	66.7% #EDD3B2	RGB 237 211 178	#EDD3B2
83.3%	83.3% #F6DCB7	RGB 246 220 183	#F6DCB7
100.0%	100.0% #FFE7BC	RGB 255 231 188	#FFE7BC

#CBAF9F #D3B7A4 #DCC0A9 #E5C9AE #EDD3B2 #F6DCB7 #FFE7BC

#CBAF9F - #E5C9AE - #FFE7BC

CSS codes

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

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