#5A8C74 - #CBA5E9 | 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 #5A8C74 to #CBA5E9

#5A8C74 #CBA5E9

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

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

0.0%	0.0% #5A8C74	RGB 90 140 116	#5A8C74
16.7%	16.7% #6C9087	RGB 108 144 135	#6C9087
33.3%	33.3% #7F949B	RGB 127 148 155	#7F949B
50.0%	50.0% #9298AE	RGB 146 152 174	#9298AE
66.7%	66.7% #A59CC2	RGB 165 156 194	#A59CC2
83.3%	83.3% #B8A0D5	RGB 184 160 213	#B8A0D5
100.0%	100.0% #CBA5E9	RGB 203 165 233	#CBA5E9

#5A8C74 #6C9087 #7F949B #9298AE #A59CC2 #B8A0D5 #CBA5E9

#5A8C74 - #CBA5E9

HSV Blend

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

0.0%	0.0% #5A8C74	RGB 90 140 116	#5A8C74
16.7%	16.7% #659B93	RGB 101 155 147	#659B93
33.3%	33.3% #719FAB	RGB 113 159 171	#719FAB
50.0%	50.0% #7D99BA	RGB 125 153 186	#7D99BA
66.7%	66.7% #8A92CA	RGB 138 146 202	#8A92CA
83.3%	83.3% #A697D9	RGB 166 151 217	#A697D9
100.0%	100.0% #CBA5E9	RGB 203 165 233	#CBA5E9

#5A8C74 #659B93 #719FAB #7D99BA #8A92CA #A697D9 #CBA5E9

#5A8C74 - #7D99BA - #CBA5E9

CSS codes

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

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