#348554 - #C5DCCE | 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 #348554 to #C5DCCE

#348554 #C5DCCE

Calculate the color between two colors, #348554 and #C5DCCE. 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)

#348554 - #C5DCCE | 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 #348554 as 0% and #C5DCCE as 100%.

0.0%	0.0% #348554	RGB 52 133 84	#348554
16.7%	16.7% #4C9368	RGB 76 147 104	#4C9368
33.3%	33.3% #64A27C	RGB 100 162 124	#64A27C
50.0%	50.0% #7CB091	RGB 124 176 145	#7CB091
66.7%	66.7% #94BFA5	RGB 148 191 165	#94BFA5
83.3%	83.3% #ACCDB9	RGB 172 205 185	#ACCDB9
100.0%	100.0% #C5DCCE	RGB 197 220 206	#C5DCCE

#348554 #4C9368 #64A27C #7CB091 #94BFA5 #ACCDB9 #C5DCCE

#348554 - #C5DCCE

HSV Blend

#348554 - #C5DCCE | 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 #348554 as 0% and #C5DCCE as 100%.

0.0%	0.0% #348554	RGB 52 133 84	#348554
16.7%	16.7% #469364	RGB 70 147 100	#469364
33.3%	33.3% #5AA276	RGB 90 162 118	#5AA276
50.0%	50.0% #71B08A	RGB 113 176 138	#71B08A
66.7%	66.7% #8ABF9F	RGB 138 191 159	#8ABF9F
83.3%	83.3% #A6CDB5	RGB 166 205 181	#A6CDB5
100.0%	100.0% #C5DCCE	RGB 197 220 206	#C5DCCE

#348554 #469364 #5AA276 #71B08A #8ABF9F #A6CDB5 #C5DCCE

#348554 - #71B08A - #C5DCCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #348554 0%, #71B08A 50%, #C5DCCE 100%);
    background: -webkit-linear-gradient(top, #348554 0%, #71B08A 50%, #C5DCCE 100%);
    background: linear-gradient(to bottom, #348554 0%, #71B08A 50%, #C5DCCE 100%);
}
</style>