#224747 - #BFCACA | 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 #224747 to #BFCACA

#224747 #BFCACA

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

#224747 - #BFCACA | 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 #224747 as 0% and #BFCACA as 100%.

0.0%	0.0% #224747	RGB 34 71 71	#224747
16.7%	16.7% #3C5C5C	RGB 60 92 92	#3C5C5C
33.3%	33.3% #567272	RGB 86 114 114	#567272
50.0%	50.0% #708888	RGB 112 136 136	#708888
66.7%	66.7% #8A9E9E	RGB 138 158 158	#8A9E9E
83.3%	83.3% #A4B4B4	RGB 164 180 180	#A4B4B4
100.0%	100.0% #BFCACA	RGB 191 202 202	#BFCACA

#224747 #3C5C5C #567272 #708888 #8A9E9E #A4B4B4 #BFCACA

#224747 - #BFCACA

HSV Blend

#224747 - #BFCACA | 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 #224747 as 0% and #BFCACA as 100%.

0.0%	0.0% #224747	RGB 34 71 71	#224747
16.7%	16.7% #335C5C	RGB 51 92 92	#335C5C
33.3%	33.3% #487272	RGB 72 114 114	#487272
50.0%	50.0% #618888	RGB 97 136 136	#618888
66.7%	66.7% #7D9E9E	RGB 125 158 158	#7D9E9E
83.3%	83.3% #9CB4B4	RGB 156 180 180	#9CB4B4
100.0%	100.0% #BFCACA	RGB 191 202 202	#BFCACA

#224747 #335C5C #487272 #618888 #7D9E9E #9CB4B4 #BFCACA

#224747 - #618888 - #BFCACA

CSS codes

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

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