#FFCFCF - #483B3B | 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 #FFCFCF to #483B3B

#FFCFCF #483B3B

Calculate the color between two colors, #FFCFCF and #483B3B. 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)

#FFCFCF - #483B3B | 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 #FFCFCF as 0% and #483B3B as 100%.

0.0%	0.0% #FFCFCF	RGB 255 207 207	#FFCFCF
16.7%	16.7% #E0B6B6	RGB 224 182 182	#E0B6B6
33.3%	33.3% #C29D9D	RGB 194 157 157	#C29D9D
50.0%	50.0% #A38585	RGB 163 133 133	#A38585
66.7%	66.7% #846C6C	RGB 132 108 108	#846C6C
83.3%	83.3% #665353	RGB 102 83 83	#665353
100.0%	100.0% #483B3B	RGB 72 59 59	#483B3B

#FFCFCF #E0B6B6 #C29D9D #A38585 #846C6C #665353 #483B3B

#FFCFCF - #483B3B

HSV Blend

#FFCFCF - #483B3B | 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 #FFCFCF as 0% and #483B3B as 100%.

0.0%	0.0% #FFCFCF	RGB 255 207 207	#FFCFCF
16.7%	16.7% #E0B6B6	RGB 224 182 182	#E0B6B6
33.3%	33.3% #C29D9D	RGB 194 157 157	#C29D9D
50.0%	50.0% #A38585	RGB 163 133 133	#A38585
66.7%	66.7% #846C6C	RGB 132 108 108	#846C6C
83.3%	83.3% #665353	RGB 102 83 83	#665353
100.0%	100.0% #483B3B	RGB 72 59 59	#483B3B

#FFCFCF #E0B6B6 #C29D9D #A38585 #846C6C #665353 #483B3B

#FFCFCF - #A38585 - #483B3B

CSS codes

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

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