#1A8BAE - #BDDDE7 | 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 #1A8BAE to #BDDDE7

#1A8BAE #BDDDE7

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

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

0.0%	0.0% #1A8BAE	RGB 26 139 174	#1A8BAE
16.7%	16.7% #3598B7	RGB 53 152 183	#3598B7
33.3%	33.3% #50A6C1	RGB 80 166 193	#50A6C1
50.0%	50.0% #6BB4CA	RGB 107 180 202	#6BB4CA
66.7%	66.7% #86C1D4	RGB 134 193 212	#86C1D4
83.3%	83.3% #A1CFDD	RGB 161 207 221	#A1CFDD
100.0%	100.0% #BDDDE7	RGB 189 221 231	#BDDDE7

#1A8BAE #3598B7 #50A6C1 #6BB4CA #86C1D4 #A1CFDD #BDDDE7

#1A8BAE - #BDDDE7

HSV Blend

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

0.0%	0.0% #198BAE	RGB 25 139 174	#198BAE
16.7%	16.7% #2F97B7	RGB 47 151 183	#2F97B7
33.3%	33.3% #47A4C1	RGB 71 164 193	#47A4C1
50.0%	50.0% #61B1CA	RGB 97 177 202	#61B1CA
66.7%	66.7% #7EBFD4	RGB 126 191 212	#7EBFD4
83.3%	83.3% #9CCEDD	RGB 156 206 221	#9CCEDD
100.0%	100.0% #BDDDE7	RGB 189 221 231	#BDDDE7

#198BAE #2F97B7 #47A4C1 #61B1CA #7EBFD4 #9CCEDD #BDDDE7

#1A8BAE - #61B1CA - #BDDDE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #198BAE 0%, #61B1CA 50%, #BDDDE7 100%);
    background: -webkit-linear-gradient(top, #198BAE 0%, #61B1CA 50%, #BDDDE7 100%);
    background: linear-gradient(to bottom, #198BAE 0%, #61B1CA 50%, #BDDDE7 100%);
}
</style>