#1A8AA7 - #BDDDE5 | 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 #BDDDE5

#1A8AA7 #BDDDE5

Calculate the color between two colors, #1A8AA7 and #BDDDE5. 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 - #BDDDE5 | 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 #BDDDE5 as 100%.

0.0%	0.0% #1A8AA7	RGB 26 138 167	#1A8AA7
16.7%	16.7% #3597B1	RGB 53 151 177	#3597B1
33.3%	33.3% #50A5BB	RGB 80 165 187	#50A5BB
50.0%	50.0% #6BB3C6	RGB 107 179 198	#6BB3C6
66.7%	66.7% #86C1D0	RGB 134 193 208	#86C1D0
83.3%	83.3% #A1CFDA	RGB 161 207 218	#A1CFDA
100.0%	100.0% #BDDDE5	RGB 189 221 229	#BDDDE5

#1A8AA7 #3597B1 #50A5BB #6BB3C6 #86C1D0 #A1CFDA #BDDDE5

#1A8AA7 - #BDDDE5

HSV Blend

#1A8AA7 - #BDDDE5 | 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 #BDDDE5 as 100%.

0.0%	0.0% #1A8AA7	RGB 26 138 167	#1A8AA7
16.7%	16.7% #2F96B1	RGB 47 150 177	#2F96B1
33.3%	33.3% #47A3BB	RGB 71 163 187	#47A3BB
50.0%	50.0% #61B1C6	RGB 97 177 198	#61B1C6
66.7%	66.7% #7DBFD0	RGB 125 191 208	#7DBFD0
83.3%	83.3% #9CCEDA	RGB 156 206 218	#9CCEDA
100.0%	100.0% #BDDDE5	RGB 189 221 229	#BDDDE5

#1A8AA7 #2F96B1 #47A3BB #61B1C6 #7DBFD0 #9CCEDA #BDDDE5

#1A8AA7 - #61B1C6 - #BDDDE5

CSS codes

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

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