#1F5E18 - #BFD1BD | 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 #1F5E18 to #BFD1BD

#1F5E18 #BFD1BD

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

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

0.0%	0.0% #1F5E18	RGB 31 94 24	#1F5E18
16.7%	16.7% #397133	RGB 57 113 51	#397133
33.3%	33.3% #54844F	RGB 84 132 79	#54844F
50.0%	50.0% #6F976A	RGB 111 151 106	#6F976A
66.7%	66.7% #89AA86	RGB 137 170 134	#89AA86
83.3%	83.3% #A4BDA1	RGB 164 189 161	#A4BDA1
100.0%	100.0% #BFD1BD	RGB 191 209 189	#BFD1BD

#1F5E18 #397133 #54844F #6F976A #89AA86 #A4BDA1 #BFD1BD

#1F5E18 - #BFD1BD

HSV Blend

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

0.0%	0.0% #1F5E18	RGB 31 94 24	#1F5E18
16.7%	16.7% #307129	RGB 48 113 41	#307129
33.3%	33.3% #45843E	RGB 69 132 62	#45843E
50.0%	50.0% #5E9757	RGB 94 151 87	#5E9757
66.7%	66.7% #7AAA75	RGB 122 170 117	#7AAA75
83.3%	83.3% #9BBD97	RGB 155 189 151	#9BBD97
100.0%	100.0% #BFD1BD	RGB 191 209 189	#BFD1BD

#1F5E18 #307129 #45843E #5E9757 #7AAA75 #9BBD97 #BFD1BD

#1F5E18 - #5E9757 - #BFD1BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5E18 0%, #5E9757 50%, #BFD1BD 100%);
    background: -webkit-linear-gradient(top, #1F5E18 0%, #5E9757 50%, #BFD1BD 100%);
    background: linear-gradient(to bottom, #1F5E18 0%, #5E9757 50%, #BFD1BD 100%);
}
</style>