#1F862B - #BFDCC2 | 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 #1F862B to #BFDCC2

#1F862B #BFDCC2

Calculate the color between two colors, #1F862B and #BFDCC2. 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)

#1F862B - #BFDCC2 | 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 #1F862B as 0% and #BFDCC2 as 100%.

0.0%	0.0% #1F862B	RGB 31 134 43	#1F862B
16.7%	16.7% #399444	RGB 57 148 68	#399444
33.3%	33.3% #54A25D	RGB 84 162 93	#54A25D
50.0%	50.0% #6FB176	RGB 111 177 118	#6FB176
66.7%	66.7% #89BF8F	RGB 137 191 143	#89BF8F
83.3%	83.3% #A4CDA8	RGB 164 205 168	#A4CDA8
100.0%	100.0% #BFDCC2	RGB 191 220 194	#BFDCC2

#1F862B #399444 #54A25D #6FB176 #89BF8F #A4CDA8 #BFDCC2

#1F862B - #BFDCC2

HSV Blend

#1F862B - #BFDCC2 | 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 #1F862B as 0% and #BFDCC2 as 100%.

0.0%	0.0% #1F862B	RGB 31 134 43	#1F862B
16.7%	16.7% #32943D	RGB 50 148 61	#32943D
33.3%	33.3% #48A252	RGB 72 162 82	#48A252
50.0%	50.0% #61B16A	RGB 97 177 106	#61B16A
66.7%	66.7% #7DBF84	RGB 125 191 132	#7DBF84
83.3%	83.3% #9CCDA1	RGB 156 205 161	#9CCDA1
100.0%	100.0% #BFDCC2	RGB 191 220 194	#BFDCC2

#1F862B #32943D #48A252 #61B16A #7DBF84 #9CCDA1 #BFDCC2

#1F862B - #61B16A - #BFDCC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F862B 0%, #61B16A 50%, #BFDCC2 100%);
    background: -webkit-linear-gradient(top, #1F862B 0%, #61B16A 50%, #BFDCC2 100%);
    background: linear-gradient(to bottom, #1F862B 0%, #61B16A 50%, #BFDCC2 100%);
}
</style>