#91E5E5 - #294141 | 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 #91E5E5 to #294141

#91E5E5 #294141

Calculate the color between two colors, #91E5E5 and #294141. 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)

#91E5E5 - #294141 | 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 #91E5E5 as 0% and #294141 as 100%.

0.0%	0.0% #91E5E5	RGB 145 229 229	#91E5E5
16.7%	16.7% #7FC9C9	RGB 127 201 201	#7FC9C9
33.3%	33.3% #6EAEAE	RGB 110 174 174	#6EAEAE
50.0%	50.0% #5D9393	RGB 93 147 147	#5D9393
66.7%	66.7% #4B7777	RGB 75 119 119	#4B7777
83.3%	83.3% #3A5C5C	RGB 58 92 92	#3A5C5C
100.0%	100.0% #294141	RGB 41 65 65	#294141

#91E5E5 #7FC9C9 #6EAEAE #5D9393 #4B7777 #3A5C5C #294141

#91E5E5 - #294141

HSV Blend

#91E5E5 - #294141 | 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 #91E5E5 as 0% and #294141 as 100%.

0.0%	0.0% #91E5E5	RGB 145 229 229	#91E5E5
16.7%	16.7% #7FC9C9	RGB 127 201 201	#7FC9C9
33.3%	33.3% #6EAEAE	RGB 110 174 174	#6EAEAE
50.0%	50.0% #5C9393	RGB 92 147 147	#5C9393
66.7%	66.7% #4B7777	RGB 75 119 119	#4B7777
83.3%	83.3% #3A5C5C	RGB 58 92 92	#3A5C5C
100.0%	100.0% #294141	RGB 41 65 65	#294141

#91E5E5 #7FC9C9 #6EAEAE #5C9393 #4B7777 #3A5C5C #294141

#91E5E5 - #5C9393 - #294141

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #91E5E5 0%, #5C9393 50%, #294141 100%);
    background: -webkit-linear-gradient(top, #91E5E5 0%, #5C9393 50%, #294141 100%);
    background: linear-gradient(to bottom, #91E5E5 0%, #5C9393 50%, #294141 100%);
}
</style>