#ACCFDA - #5982A0 | 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 #ACCFDA to #5982A0

#ACCFDA #5982A0

Calculate the color between two colors, #ACCFDA and #5982A0. 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)

#ACCFDA - #5982A0 | 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 #ACCFDA as 0% and #5982A0 as 100%.

0.0%	0.0% #ACCFDA	RGB 172 207 218	#ACCFDA
16.7%	16.7% #9EC2D0	RGB 158 194 208	#9EC2D0
33.3%	33.3% #90B5C6	RGB 144 181 198	#90B5C6
50.0%	50.0% #82A8BD	RGB 130 168 189	#82A8BD
66.7%	66.7% #749BB3	RGB 116 155 179	#749BB3
83.3%	83.3% #668EA9	RGB 102 142 169	#668EA9
100.0%	100.0% #5982A0	RGB 89 130 160	#5982A0

#ACCFDA #9EC2D0 #90B5C6 #82A8BD #749BB3 #668EA9 #5982A0

#ACCFDA - #5982A0

HSV Blend

#ACCFDA - #5982A0 | 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 #ACCFDA as 0% and #5982A0 as 100%.

0.0%	0.0% #ACCFDA	RGB 172 207 218	#ACCFDA
16.7%	16.7% #9CC2D0	RGB 156 194 208	#9CC2D0
33.3%	33.3% #8DB5C6	RGB 141 181 198	#8DB5C6
50.0%	50.0% #7FA8BD	RGB 127 168 189	#7FA8BD
66.7%	66.7% #719BB3	RGB 113 155 179	#719BB3
83.3%	83.3% #648EA9	RGB 100 142 169	#648EA9
100.0%	100.0% #5982A0	RGB 89 130 160	#5982A0

#ACCFDA #9CC2D0 #8DB5C6 #7FA8BD #719BB3 #648EA9 #5982A0

#ACCFDA - #7FA8BD - #5982A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACCFDA 0%, #7FA8BD 50%, #5982A0 100%);
    background: -webkit-linear-gradient(top, #ACCFDA 0%, #7FA8BD 50%, #5982A0 100%);
    background: linear-gradient(to bottom, #ACCFDA 0%, #7FA8BD 50%, #5982A0 100%);
}
</style>