#5A8983 - #CFDDDB | 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 #5A8983 to #CFDDDB

#5A8983 #CFDDDB

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

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

0.0%	0.0% #5A8983	RGB 90 137 131	#5A8983
16.7%	16.7% #6D9791	RGB 109 151 145	#6D9791
33.3%	33.3% #81A5A0	RGB 129 165 160	#81A5A0
50.0%	50.0% #94B3AF	RGB 148 179 175	#94B3AF
66.7%	66.7% #A8C1BD	RGB 168 193 189	#A8C1BD
83.3%	83.3% #BBCFCC	RGB 187 207 204	#BBCFCC
100.0%	100.0% #CFDDDB	RGB 207 221 219	#CFDDDB

#5A8983 #6D9791 #81A5A0 #94B3AF #A8C1BD #BBCFCC #CFDDDB

#5A8983 - #CFDDDB

HSV Blend

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

0.0%	0.0% #5A8983	RGB 90 137 131	#5A8983
16.7%	16.7% #6A9791	RGB 106 151 145	#6A9791
33.3%	33.3% #7BA59F	RGB 123 165 159	#7BA59F
50.0%	50.0% #8EB3AE	RGB 142 179 174	#8EB3AE
66.7%	66.7% #A2C1BC	RGB 162 193 188	#A2C1BC
83.3%	83.3% #B8CFCB	RGB 184 207 203	#B8CFCB
100.0%	100.0% #CFDDDB	RGB 207 221 219	#CFDDDB

#5A8983 #6A9791 #7BA59F #8EB3AE #A2C1BC #B8CFCB #CFDDDB

#5A8983 - #8EB3AE - #CFDDDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8983 0%, #8EB3AE 50%, #CFDDDB 100%);
    background: -webkit-linear-gradient(top, #5A8983 0%, #8EB3AE 50%, #CFDDDB 100%);
    background: linear-gradient(to bottom, #5A8983 0%, #8EB3AE 50%, #CFDDDB 100%);
}
</style>