#5A8C82 - #CF9EEF | 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 #5A8C82 to #CF9EEF

#5A8C82 #CF9EEF

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

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

0.0%	0.0% #5A8C82	RGB 90 140 130	#5A8C82
16.7%	16.7% #6D8F94	RGB 109 143 148	#6D8F94
33.3%	33.3% #8192A6	RGB 129 146 166	#8192A6
50.0%	50.0% #9495B8	RGB 148 149 184	#9495B8
66.7%	66.7% #A898CA	RGB 168 152 202	#A898CA
83.3%	83.3% #BB9BDC	RGB 187 155 220	#BB9BDC
100.0%	100.0% #CF9EEF	RGB 207 158 239	#CF9EEF

#5A8C82 #6D8F94 #8192A6 #9495B8 #A898CA #BB9BDC #CF9EEF

#5A8C82 - #CF9EEF

HSV Blend

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

0.0%	0.0% #5A8C82	RGB 90 140 130	#5A8C82
16.7%	16.7% #65969C	RGB 101 150 156	#65969C
33.3%	33.3% #7094AD	RGB 112 148 173	#7094AD
50.0%	50.0% #7B8FBD	RGB 123 143 189	#7B8FBD
66.7%	66.7% #8786CE	RGB 135 134 206	#8786CE
83.3%	83.3% #A992DE	RGB 169 146 222	#A992DE
100.0%	100.0% #CF9EEF	RGB 207 158 239	#CF9EEF

#5A8C82 #65969C #7094AD #7B8FBD #8786CE #A992DE #CF9EEF

#5A8C82 - #7B8FBD - #CF9EEF

CSS codes

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

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