#6B5E90 - #8CCDC7 | 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 #6B5E90 to #8CCDC7

#6B5E90 #8CCDC7

Calculate the color between two colors, #6B5E90 and #8CCDC7. 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)

#6B5E90 - #8CCDC7 | 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 #6B5E90 as 0% and #8CCDC7 as 100%.

0.0%	0.0% #6B5E90	RGB 107 94 144	#6B5E90
16.7%	16.7% #707099	RGB 112 112 153	#707099
33.3%	33.3% #7683A2	RGB 118 131 162	#7683A2
50.0%	50.0% #7B95AB	RGB 123 149 171	#7B95AB
66.7%	66.7% #81A8B4	RGB 129 168 180	#81A8B4
83.3%	83.3% #86BABD	RGB 134 186 189	#86BABD
100.0%	100.0% #8CCDC7	RGB 140 205 199	#8CCDC7

#6B5E90 #707099 #7683A2 #7B95AB #81A8B4 #86BABD #8CCDC7

#6B5E90 - #8CCDC7

HSV Blend

#6B5E90 - #8CCDC7 | 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 #6B5E90 as 0% and #8CCDC7 as 100%.

0.0%	0.0% #6B5E90	RGB 107 94 144	#6B5E90
16.7%	16.7% #67659A	RGB 103 101 154	#67659A
33.3%	33.3% #6C77A4	RGB 108 119 164	#6C77A4
50.0%	50.0% #748CAE	RGB 116 140 174	#748CAE
66.7%	66.7% #7CA3B8	RGB 124 163 184	#7CA3B8
83.3%	83.3% #84BAC2	RGB 132 186 194	#84BAC2
100.0%	100.0% #8CCDC7	RGB 140 205 199	#8CCDC7

#6B5E90 #67659A #6C77A4 #748CAE #7CA3B8 #84BAC2 #8CCDC7

#6B5E90 - #748CAE - #8CCDC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E90 0%, #748CAE 50%, #8CCDC7 100%);
    background: -webkit-linear-gradient(top, #6B5E90 0%, #748CAE 50%, #8CCDC7 100%);
    background: linear-gradient(to bottom, #6B5E90 0%, #748CAE 50%, #8CCDC7 100%);
}
</style>