#5E6B9C - #9CD2AB | 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 #5E6B9C to #9CD2AB

#5E6B9C #9CD2AB

Calculate the color between two colors, #5E6B9C and #9CD2AB. 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)

#5E6B9C - #9CD2AB | 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 #5E6B9C as 0% and #9CD2AB as 100%.

0.0%	0.0% #5E6B9C	RGB 94 107 156	#5E6B9C
16.7%	16.7% #687C9E	RGB 104 124 158	#687C9E
33.3%	33.3% #728DA1	RGB 114 141 161	#728DA1
50.0%	50.0% #7D9EA3	RGB 125 158 163	#7D9EA3
66.7%	66.7% #87AFA6	RGB 135 175 166	#87AFA6
83.3%	83.3% #91C0A8	RGB 145 192 168	#91C0A8
100.0%	100.0% #9CD2AB	RGB 156 210 171	#9CD2AB

#5E6B9C #687C9E #728DA1 #7D9EA3 #87AFA6 #91C0A8 #9CD2AB

#5E6B9C - #9CD2AB

HSV Blend

#5E6B9C - #9CD2AB | 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 #5E6B9C as 0% and #9CD2AB as 100%.

0.0%	0.0% #5E6B9C	RGB 94 107 156	#5E6B9C
16.7%	16.7% #6783A5	RGB 103 131 165	#6783A5
33.3%	33.3% #709CAE	RGB 112 156 174	#709CAE
50.0%	50.0% #7BB4B7	RGB 123 180 183	#7BB4B7
66.7%	66.7% #85C0B3	RGB 133 192 179	#85C0B3
83.3%	83.3% #90C9AE	RGB 144 201 174	#90C9AE
100.0%	100.0% #9CD2AB	RGB 156 210 171	#9CD2AB

#5E6B9C #6783A5 #709CAE #7BB4B7 #85C0B3 #90C9AE #9CD2AB

#5E6B9C - #7BB4B7 - #9CD2AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B9C 0%, #7BB4B7 50%, #9CD2AB 100%);
    background: -webkit-linear-gradient(top, #5E6B9C 0%, #7BB4B7 50%, #9CD2AB 100%);
    background: linear-gradient(to bottom, #5E6B9C 0%, #7BB4B7 50%, #9CD2AB 100%);
}
</style>