#232B9F - #C0C2E3 | 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 #232B9F to #C0C2E3

#232B9F #C0C2E3

Calculate the color between two colors, #232B9F and #C0C2E3. 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)

#232B9F - #C0C2E3 | 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 #232B9F as 0% and #C0C2E3 as 100%.

0.0%	0.0% #232B9F	RGB 35 43 159	#232B9F
16.7%	16.7% #3D44AA	RGB 61 68 170	#3D44AA
33.3%	33.3% #575DB5	RGB 87 93 181	#575DB5
50.0%	50.0% #7176C1	RGB 113 118 193	#7176C1
66.7%	66.7% #8B8FCC	RGB 139 143 204	#8B8FCC
83.3%	83.3% #A5A8D7	RGB 165 168 215	#A5A8D7
100.0%	100.0% #C0C2E3	RGB 192 194 227	#C0C2E3

#232B9F #3D44AA #575DB5 #7176C1 #8B8FCC #A5A8D7 #C0C2E3

#232B9F - #C0C2E3

HSV Blend

#232B9F - #C0C2E3 | 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 #232B9F as 0% and #C0C2E3 as 100%.

0.0%	0.0% #232A9F	RGB 35 42 159	#232A9F
16.7%	16.7% #373EAA	RGB 55 62 170	#373EAA
33.3%	33.3% #4D54B5	RGB 77 84 181	#4D54B5
50.0%	50.0% #666CC1	RGB 102 108 193	#666CC1
66.7%	66.7% #8286CC	RGB 130 134 204	#8286CC
83.3%	83.3% #9FA3D7	RGB 159 163 215	#9FA3D7
100.0%	100.0% #C0C2E3	RGB 192 194 227	#C0C2E3

#232A9F #373EAA #4D54B5 #666CC1 #8286CC #9FA3D7 #C0C2E3

#232B9F - #666CC1 - #C0C2E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #232A9F 0%, #666CC1 50%, #C0C2E3 100%);
    background: -webkit-linear-gradient(top, #232A9F 0%, #666CC1 50%, #C0C2E3 100%);
    background: linear-gradient(to bottom, #232A9F 0%, #666CC1 50%, #C0C2E3 100%);
}
</style>