#1A8AA7 - #ABDACC | 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 #1A8AA7 to #ABDACC

#1A8AA7 #ABDACC

Calculate the color between two colors, #1A8AA7 and #ABDACC. 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)

#1A8AA7 - #ABDACC | 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 #1A8AA7 as 0% and #ABDACC as 100%.

0.0%	0.0% #1A8AA7	RGB 26 138 167	#1A8AA7
16.7%	16.7% #3297AD	RGB 50 151 173	#3297AD
33.3%	33.3% #4AA4B3	RGB 74 164 179	#4AA4B3
50.0%	50.0% #62B2B9	RGB 98 178 185	#62B2B9
66.7%	66.7% #7ABFBF	RGB 122 191 191	#7ABFBF
83.3%	83.3% #92CCC5	RGB 146 204 197	#92CCC5
100.0%	100.0% #ABDACC	RGB 171 218 204	#ABDACC

#1A8AA7 #3297AD #4AA4B3 #62B2B9 #7ABFBF #92CCC5 #ABDACC

#1A8AA7 - #ABDACC

HSV Blend

#1A8AA7 - #ABDACC | 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 #1A8AA7 as 0% and #ABDACC as 100%.

0.0%	0.0% #1A8AA7	RGB 26 138 167	#1A8AA7
16.7%	16.7% #2D9FAF	RGB 45 159 175	#2D9FAF
33.3%	33.3% #43B3B8	RGB 67 179 184	#43B3B8
50.0%	50.0% #5AC0BB	RGB 90 192 187	#5AC0BB
66.7%	66.7% #73C9BD	RGB 115 201 189	#73C9BD
83.3%	83.3% #8ED1C3	RGB 142 209 195	#8ED1C3
100.0%	100.0% #ABDACC	RGB 171 218 204	#ABDACC

#1A8AA7 #2D9FAF #43B3B8 #5AC0BB #73C9BD #8ED1C3 #ABDACC

#1A8AA7 - #5AC0BB - #ABDACC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A8AA7 0%, #5AC0BB 50%, #ABDACC 100%);
    background: -webkit-linear-gradient(top, #1A8AA7 0%, #5AC0BB 50%, #ABDACC 100%);
    background: linear-gradient(to bottom, #1A8AA7 0%, #5AC0BB 50%, #ABDACC 100%);
}
</style>