#1B2FAF - #ADF0DF | 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 #1B2FAF to #ADF0DF

#1B2FAF #ADF0DF

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

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

0.0%	0.0% #1B2FAF	RGB 27 47 175	#1B2FAF
16.7%	16.7% #334FB7	RGB 51 79 183	#334FB7
33.3%	33.3% #4B6FBF	RGB 75 111 191	#4B6FBF
50.0%	50.0% #648FC7	RGB 100 143 199	#648FC7
66.7%	66.7% #7CAFCF	RGB 124 175 207	#7CAFCF
83.3%	83.3% #94CFD7	RGB 148 207 215	#94CFD7
100.0%	100.0% #ADF0DF	RGB 173 240 223	#ADF0DF

#1B2FAF #334FB7 #4B6FBF #648FC7 #7CAFCF #94CFD7 #ADF0DF

#1B2FAF - #ADF0DF

HSV Blend

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

0.0%	0.0% #1B2FAF	RGB 27 47 175	#1B2FAF
16.7%	16.7% #2E5BB9	RGB 46 91 185	#2E5BB9
33.3%	33.3% #4385C4	RGB 67 133 196	#4385C4
50.0%	50.0% #5AABCF	RGB 90 171 207	#5AABCF
66.7%	66.7% #74CEDA	RGB 116 206 218	#74CEDA
83.3%	83.3% #8FE5DF	RGB 143 229 223	#8FE5DF
100.0%	100.0% #ADF0DF	RGB 173 240 223	#ADF0DF

#1B2FAF #2E5BB9 #4385C4 #5AABCF #74CEDA #8FE5DF #ADF0DF

#1B2FAF - #5AABCF - #ADF0DF

CSS codes

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

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