#5E698C - #7DE4D2 | 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 #5E698C to #7DE4D2

#5E698C #7DE4D2

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

#5E698C - #7DE4D2 | 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 #5E698C as 0% and #7DE4D2 as 100%.

0.0%	0.0% #5E698C	RGB 94 105 140	#5E698C
16.7%	16.7% #637D97	RGB 99 125 151	#637D97
33.3%	33.3% #6892A3	RGB 104 146 163	#6892A3
50.0%	50.0% #6DA6AF	RGB 109 166 175	#6DA6AF
66.7%	66.7% #72BBBA	RGB 114 187 186	#72BBBA
83.3%	83.3% #77CFC6	RGB 119 207 198	#77CFC6
100.0%	100.0% #7DE4D2	RGB 125 228 210	#7DE4D2

#5E698C #637D97 #6892A3 #6DA6AF #72BBBA #77CFC6 #7DE4D2

#5E698C - #7DE4D2

HSV Blend

#5E698C - #7DE4D2 | 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 #5E698C as 0% and #7DE4D2 as 100%.

0.0%	0.0% #5E698C	RGB 94 105 140	#5E698C
16.7%	16.7% #647A9A	RGB 100 122 154	#647A9A
33.3%	33.3% #6A8DA9	RGB 106 141 169	#6A8DA9
50.0%	50.0% #70A2B8	RGB 112 162 184	#70A2B8
66.7%	66.7% #75BBC6	RGB 117 187 198	#75BBC6
83.3%	83.3% #79D5D3	RGB 121 213 211	#79D5D3
100.0%	100.0% #7DE4D2	RGB 125 228 210	#7DE4D2

#5E698C #647A9A #6A8DA9 #70A2B8 #75BBC6 #79D5D3 #7DE4D2

#5E698C - #70A2B8 - #7DE4D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E698C 0%, #70A2B8 50%, #7DE4D2 100%);
    background: -webkit-linear-gradient(top, #5E698C 0%, #70A2B8 50%, #7DE4D2 100%);
    background: linear-gradient(to bottom, #5E698C 0%, #70A2B8 50%, #7DE4D2 100%);
}
</style>