#244AB2 - #C5E6DF | 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 #244AB2 to #C5E6DF

#244AB2 #C5E6DF

Calculate the color between two colors, #244AB2 and #C5E6DF. 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)

#244AB2 - #C5E6DF | 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 #244AB2 as 0% and #C5E6DF as 100%.

0.0%	0.0% #244AB2	RGB 36 74 178	#244AB2
16.7%	16.7% #3E64B9	RGB 62 100 185	#3E64B9
33.3%	33.3% #597EC1	RGB 89 126 193	#597EC1
50.0%	50.0% #7498C8	RGB 116 152 200	#7498C8
66.7%	66.7% #8FB2D0	RGB 143 178 208	#8FB2D0
83.3%	83.3% #AACCD7	RGB 170 204 215	#AACCD7
100.0%	100.0% #C5E6DF	RGB 197 230 223	#C5E6DF

#244AB2 #3E64B9 #597EC1 #7498C8 #8FB2D0 #AACCD7 #C5E6DF

#244AB2 - #C5E6DF

HSV Blend

#244AB2 - #C5E6DF | 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 #244AB2 as 0% and #C5E6DF as 100%.

0.0%	0.0% #244AB2	RGB 36 74 178	#244AB2
16.7%	16.7% #3A70BA	RGB 58 112 186	#3A70BA
33.3%	33.3% #5294C3	RGB 82 148 195	#5294C3
50.0%	50.0% #6BB3CC	RGB 107 179 204	#6BB3CC
66.7%	66.7% #87CCD4	RGB 135 204 212	#87CCD4
83.3%	83.3% #A5DDDA	RGB 165 221 218	#A5DDDA
100.0%	100.0% #C5E6DF	RGB 197 230 223	#C5E6DF

#244AB2 #3A70BA #5294C3 #6BB3CC #87CCD4 #A5DDDA #C5E6DF

#244AB2 - #6BB3CC - #C5E6DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #244AB2 0%, #6BB3CC 50%, #C5E6DF 100%);
    background: -webkit-linear-gradient(top, #244AB2 0%, #6BB3CC 50%, #C5E6DF 100%);
    background: linear-gradient(to bottom, #244AB2 0%, #6BB3CC 50%, #C5E6DF 100%);
}
</style>