#B8ECE2 - #344340 | 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 #B8ECE2 to #344340

#B8ECE2 #344340

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

#B8ECE2 - #344340 | 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 #B8ECE2 as 0% and #344340 as 100%.

0.0%	0.0% #B8ECE2	RGB 184 236 226	#B8ECE2
16.7%	16.7% #A2CFC7	RGB 162 207 199	#A2CFC7
33.3%	33.3% #8CB3AC	RGB 140 179 172	#8CB3AC
50.0%	50.0% #769791	RGB 118 151 145	#769791
66.7%	66.7% #607B76	RGB 96 123 118	#607B76
83.3%	83.3% #4A5F5B	RGB 74 95 91	#4A5F5B
100.0%	100.0% #344340	RGB 52 67 64	#344340

#B8ECE2 #A2CFC7 #8CB3AC #769791 #607B76 #4A5F5B #344340

#B8ECE2 - #344340

HSV Blend

#B8ECE2 - #344340 | 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 #B8ECE2 as 0% and #344340 as 100%.

0.0%	0.0% #B8ECE2	RGB 184 236 226	#B8ECE2
16.7%	16.7% #A1CFC6	RGB 161 207 198	#A1CFC6
33.3%	33.3% #8BB3AB	RGB 139 179 171	#8BB3AB
50.0%	50.0% #759790	RGB 117 151 144	#759790
66.7%	66.7% #5F7B75	RGB 95 123 117	#5F7B75
83.3%	83.3% #495F5A	RGB 73 95 90	#495F5A
100.0%	100.0% #344340	RGB 52 67 64	#344340

#B8ECE2 #A1CFC6 #8BB3AB #759790 #5F7B75 #495F5A #344340

#B8ECE2 - #759790 - #344340

CSS codes

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

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