#1F7E4D - #BFDACC | 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 #1F7E4D to #BFDACC

#1F7E4D #BFDACC

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

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

0.0%	0.0% #1F7E4D	RGB 31 126 77	#1F7E4D
16.7%	16.7% #398D62	RGB 57 141 98	#398D62
33.3%	33.3% #549C77	RGB 84 156 119	#549C77
50.0%	50.0% #6FAC8C	RGB 111 172 140	#6FAC8C
66.7%	66.7% #89BBA1	RGB 137 187 161	#89BBA1
83.3%	83.3% #A4CAB6	RGB 164 202 182	#A4CAB6
100.0%	100.0% #BFDACC	RGB 191 218 204	#BFDACC

#1F7E4D #398D62 #549C77 #6FAC8C #89BBA1 #A4CAB6 #BFDACC

#1F7E4D - #BFDACC

HSV Blend

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

0.0%	0.0% #1F7E4D	RGB 31 126 77	#1F7E4D
16.7%	16.7% #318D5D	RGB 49 141 93	#318D5D
33.3%	33.3% #479C70	RGB 71 156 112	#479C70
50.0%	50.0% #60AC84	RGB 96 172 132	#60AC84
66.7%	66.7% #7CBB9A	RGB 124 187 154	#7CBB9A
83.3%	83.3% #9CCAB2	RGB 156 202 178	#9CCAB2
100.0%	100.0% #BFDACC	RGB 191 218 204	#BFDACC

#1F7E4D #318D5D #479C70 #60AC84 #7CBB9A #9CCAB2 #BFDACC

#1F7E4D - #60AC84 - #BFDACC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F7E4D 0%, #60AC84 50%, #BFDACC 100%);
    background: -webkit-linear-gradient(top, #1F7E4D 0%, #60AC84 50%, #BFDACC 100%);
    background: linear-gradient(to bottom, #1F7E4D 0%, #60AC84 50%, #BFDACC 100%);
}
</style>