#21764C - #BFD7CB | 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 #21764C to #BFD7CB

#21764C #BFD7CB

Calculate the color between two colors, #21764C and #BFD7CB. 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)

#21764C - #BFD7CB | 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 #21764C as 0% and #BFD7CB as 100%.

0.0%	0.0% #21764C	RGB 33 118 76	#21764C
16.7%	16.7% #3B8661	RGB 59 134 97	#3B8661
33.3%	33.3% #559676	RGB 85 150 118	#559676
50.0%	50.0% #70A68B	RGB 112 166 139	#70A68B
66.7%	66.7% #8AB6A0	RGB 138 182 160	#8AB6A0
83.3%	83.3% #A4C6B5	RGB 164 198 181	#A4C6B5
100.0%	100.0% #BFD7CB	RGB 191 215 203	#BFD7CB

#21764C #3B8661 #559676 #70A68B #8AB6A0 #A4C6B5 #BFD7CB

#21764C - #BFD7CB

HSV Blend

#21764C - #BFD7CB | 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 #21764C as 0% and #BFD7CB as 100%.

0.0%	0.0% #21764C	RGB 33 118 76	#21764C
16.7%	16.7% #33865D	RGB 51 134 93	#33865D
33.3%	33.3% #48966F	RGB 72 150 111	#48966F
50.0%	50.0% #61A684	RGB 97 166 132	#61A684
66.7%	66.7% #7DB69A	RGB 125 182 154	#7DB69A
83.3%	83.3% #9CC6B1	RGB 156 198 177	#9CC6B1
100.0%	100.0% #BFD7CB	RGB 191 215 203	#BFD7CB

#21764C #33865D #48966F #61A684 #7DB69A #9CC6B1 #BFD7CB

#21764C - #61A684 - #BFD7CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #21764C 0%, #61A684 50%, #BFD7CB 100%);
    background: -webkit-linear-gradient(top, #21764C 0%, #61A684 50%, #BFD7CB 100%);
    background: linear-gradient(to bottom, #21764C 0%, #61A684 50%, #BFD7CB 100%);
}
</style>