#1E5E5B - #75AC7F | 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 #1E5E5B to #75AC7F

#1E5E5B #75AC7F

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

#1E5E5B - #75AC7F | 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 #1E5E5B as 0% and #75AC7F as 100%.

0.0%	0.0% #1E5E5B	RGB 30 94 91	#1E5E5B
16.7%	16.7% #2C6B61	RGB 44 107 97	#2C6B61
33.3%	33.3% #3B7867	RGB 59 120 103	#3B7867
50.0%	50.0% #49856D	RGB 73 133 109	#49856D
66.7%	66.7% #589273	RGB 88 146 115	#589273
83.3%	83.3% #669F79	RGB 102 159 121	#669F79
100.0%	100.0% #75AC7F	RGB 117 172 127	#75AC7F

#1E5E5B #2C6B61 #3B7867 #49856D #589273 #669F79 #75AC7F

#1E5E5B - #75AC7F

HSV Blend

#1E5E5B - #75AC7F | 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 #1E5E5B as 0% and #75AC7F as 100%.

0.0%	0.0% #1E5E5B	RGB 30 94 91	#1E5E5B
16.7%	16.7% #286B5F	RGB 40 107 95	#286B5F
33.3%	33.3% #347863	RGB 52 120 99	#347863
50.0%	50.0% #428568	RGB 66 133 104	#428568
66.7%	66.7% #51926D	RGB 81 146 109	#51926D
83.3%	83.3% #629F75	RGB 98 159 117	#629F75
100.0%	100.0% #75AC7F	RGB 117 172 127	#75AC7F

#1E5E5B #286B5F #347863 #428568 #51926D #629F75 #75AC7F

#1E5E5B - #428568 - #75AC7F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E5B 0%, #428568 50%, #75AC7F 100%);
    background: -webkit-linear-gradient(top, #1E5E5B 0%, #428568 50%, #75AC7F 100%);
    background: linear-gradient(to bottom, #1E5E5B 0%, #428568 50%, #75AC7F 100%);
}
</style>