#202384 - #5A2CDB | 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 #202384 to #5A2CDB

#202384 #5A2CDB

Calculate the color between two colors, #202384 and #5A2CDB. 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)

#202384 - #5A2CDB | 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 #202384 as 0% and #5A2CDB as 100%.

0.0%	0.0% #202384	RGB 32 35 132	#202384
16.7%	16.7% #292492	RGB 41 36 146	#292492
33.3%	33.3% #3326A1	RGB 51 38 161	#3326A1
50.0%	50.0% #3D27AF	RGB 61 39 175	#3D27AF
66.7%	66.7% #4629BE	RGB 70 41 190	#4629BE
83.3%	83.3% #502ACC	RGB 80 42 204	#502ACC
100.0%	100.0% #5A2CDB	RGB 90 44 219	#5A2CDB

#202384 #292492 #3326A1 #3D27AF #4629BE #502ACC #5A2CDB

#202384 - #5A2CDB

HSV Blend

#202384 - #5A2CDB | 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 #202384 as 0% and #5A2CDB as 100%.

0.0%	0.0% #202284	RGB 32 34 132	#202284
16.7%	16.7% #242292	RGB 36 34 146	#242292
33.3%	33.3% #2D24A1	RGB 45 36 161	#2D24A1
50.0%	50.0% #3626AF	RGB 54 38 175	#3626AF
66.7%	66.7% #4128BE	RGB 65 40 190	#4128BE
83.3%	83.3% #4D2ACC	RGB 77 42 204	#4D2ACC
100.0%	100.0% #5A2CDB	RGB 90 44 219	#5A2CDB

#202284 #242292 #2D24A1 #3626AF #4128BE #4D2ACC #5A2CDB

#202384 - #3626AF - #5A2CDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202284 0%, #3626AF 50%, #5A2CDB 100%);
    background: -webkit-linear-gradient(top, #202284 0%, #3626AF 50%, #5A2CDB 100%);
    background: linear-gradient(to bottom, #202284 0%, #3626AF 50%, #5A2CDB 100%);
}
</style>