#1F693C - #BFD4C7 | 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 #1F693C to #BFD4C7

#1F693C #BFD4C7

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

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

0.0%	0.0% #1F693C	RGB 31 105 60	#1F693C
16.7%	16.7% #397A53	RGB 57 122 83	#397A53
33.3%	33.3% #548C6A	RGB 84 140 106	#548C6A
50.0%	50.0% #6F9E81	RGB 111 158 129	#6F9E81
66.7%	66.7% #89B098	RGB 137 176 152	#89B098
83.3%	83.3% #A4C2AF	RGB 164 194 175	#A4C2AF
100.0%	100.0% #BFD4C7	RGB 191 212 199	#BFD4C7

#1F693C #397A53 #548C6A #6F9E81 #89B098 #A4C2AF #BFD4C7

#1F693C - #BFD4C7

HSV Blend

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

0.0%	0.0% #1F693C	RGB 31 105 60	#1F693C
16.7%	16.7% #307A4D	RGB 48 122 77	#307A4D
33.3%	33.3% #458C61	RGB 69 140 97	#458C61
50.0%	50.0% #5E9E77	RGB 94 158 119	#5E9E77
66.7%	66.7% #7BB08F	RGB 123 176 143	#7BB08F
83.3%	83.3% #9BC2AA	RGB 155 194 170	#9BC2AA
100.0%	100.0% #BFD4C7	RGB 191 212 199	#BFD4C7

#1F693C #307A4D #458C61 #5E9E77 #7BB08F #9BC2AA #BFD4C7

#1F693C - #5E9E77 - #BFD4C7

CSS codes

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

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