#88A2FF - #0D2FCB | 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 #88A2FF to #0D2FCB

#88A2FF #0D2FCB

Calculate the color between two colors, #88A2FF and #0D2FCB. 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)

#88A2FF - #0D2FCB | 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 #88A2FF as 0% and #0D2FCB as 100%.

0.0%	0.0% #88A2FF	RGB 136 162 255	#88A2FF
16.7%	16.7% #738EF6	RGB 115 142 246	#738EF6
33.3%	33.3% #5F7BED	RGB 95 123 237	#5F7BED
50.0%	50.0% #4A68E5	RGB 74 104 229	#4A68E5
66.7%	66.7% #3655DC	RGB 54 85 220	#3655DC
83.3%	83.3% #2142D3	RGB 33 66 211	#2142D3
100.0%	100.0% #0D2FCB	RGB 13 47 203	#0D2FCB

#88A2FF #738EF6 #5F7BED #4A68E5 #3655DC #2142D3 #0D2FCB

#88A2FF - #0D2FCB

HSV Blend

#88A2FF - #0D2FCB | 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 #88A2FF as 0% and #0D2FCB as 100%.

0.0%	0.0% #88A1FF	RGB 136 161 255	#88A1FF
16.7%	16.7% #708CF6	RGB 112 140 246	#708CF6
33.3%	33.3% #5977ED	RGB 89 119 237	#5977ED
50.0%	50.0% #4464E5	RGB 68 100 229	#4464E5
66.7%	66.7% #3051DC	RGB 48 81 220	#3051DC
83.3%	83.3% #1E3FD3	RGB 30 63 211	#1E3FD3
100.0%	100.0% #0D2FCB	RGB 13 47 203	#0D2FCB

#88A1FF #708CF6 #5977ED #4464E5 #3051DC #1E3FD3 #0D2FCB

#88A2FF - #4464E5 - #0D2FCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88A1FF 0%, #4464E5 50%, #0D2FCB 100%);
    background: -webkit-linear-gradient(top, #88A1FF 0%, #4464E5 50%, #0D2FCB 100%);
    background: linear-gradient(to bottom, #88A1FF 0%, #4464E5 50%, #0D2FCB 100%);
}
</style>