#5CA5CE - #ADFA9C | 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 #5CA5CE to #ADFA9C

#5CA5CE #ADFA9C

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

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

0.0%	0.0% #5CA5CE	RGB 92 165 206	#5CA5CE
16.7%	16.7% #69B3C5	RGB 105 179 197	#69B3C5
33.3%	33.3% #77C1BD	RGB 119 193 189	#77C1BD
50.0%	50.0% #84CFB5	RGB 132 207 181	#84CFB5
66.7%	66.7% #92DDAC	RGB 146 221 172	#92DDAC
83.3%	83.3% #9FEBA4	RGB 159 235 164	#9FEBA4
100.0%	100.0% #ADFA9C	RGB 173 250 156	#ADFA9C

#5CA5CE #69B3C5 #77C1BD #84CFB5 #92DDAC #9FEBA4 #ADFA9C

#5CA5CE - #ADFA9C

HSV Blend

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

0.0%	0.0% #5CA5CE	RGB 92 165 206	#5CA5CE
16.7%	16.7% #65C9D5	RGB 101 201 213	#65C9D5
33.3%	33.3% #6FDCCB	RGB 111 220 203	#6FDCCB
50.0%	50.0% #7AE4B8	RGB 122 228 184	#7AE4B8
66.7%	66.7% #84EBA6	RGB 132 235 166	#84EBA6
83.3%	83.3% #90F297	RGB 144 242 151	#90F297
100.0%	100.0% #ADFA9C	RGB 173 250 156	#ADFA9C

#5CA5CE #65C9D5 #6FDCCB #7AE4B8 #84EBA6 #90F297 #ADFA9C

#5CA5CE - #7AE4B8 - #ADFA9C

CSS codes

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

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