#9AD5E1 - #468AAC | 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 #9AD5E1 to #468AAC

#9AD5E1 #468AAC

Calculate the color between two colors, #9AD5E1 and #468AAC. 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)

#9AD5E1 - #468AAC | 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 #9AD5E1 as 0% and #468AAC as 100%.

0.0%	0.0% #9AD5E1	RGB 154 213 225	#9AD5E1
16.7%	16.7% #8CC8D8	RGB 140 200 216	#8CC8D8
33.3%	33.3% #7EBCCF	RGB 126 188 207	#7EBCCF
50.0%	50.0% #70AFC6	RGB 112 175 198	#70AFC6
66.7%	66.7% #62A3BD	RGB 98 163 189	#62A3BD
83.3%	83.3% #5496B4	RGB 84 150 180	#5496B4
100.0%	100.0% #468AAC	RGB 70 138 172	#468AAC

#9AD5E1 #8CC8D8 #7EBCCF #70AFC6 #62A3BD #5496B4 #468AAC

#9AD5E1 - #468AAC

HSV Blend

#9AD5E1 - #468AAC | 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 #9AD5E1 as 0% and #468AAC as 100%.

0.0%	0.0% #9AD5E1	RGB 154 213 225	#9AD5E1
16.7%	16.7% #89C8D8	RGB 137 200 216	#89C8D8
33.3%	33.3% #7ABCCF	RGB 122 188 207	#7ABCCF
50.0%	50.0% #6CAFC6	RGB 108 175 198	#6CAFC6
66.7%	66.7% #5EA3BD	RGB 94 163 189	#5EA3BD
83.3%	83.3% #5196B4	RGB 81 150 180	#5196B4
100.0%	100.0% #468AAC	RGB 70 138 172	#468AAC

#9AD5E1 #89C8D8 #7ABCCF #6CAFC6 #5EA3BD #5196B4 #468AAC

#9AD5E1 - #6CAFC6 - #468AAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9AD5E1 0%, #6CAFC6 50%, #468AAC 100%);
    background: -webkit-linear-gradient(top, #9AD5E1 0%, #6CAFC6 50%, #468AAC 100%);
    background: linear-gradient(to bottom, #9AD5E1 0%, #6CAFC6 50%, #468AAC 100%);
}
</style>