#4B4B84 - #CBCBDB | 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 #4B4B84 to #CBCBDB

#4B4B84 #CBCBDB

Calculate the color between two colors, #4B4B84 and #CBCBDB. 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)

#4B4B84 - #CBCBDB | 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 #4B4B84 as 0% and #CBCBDB as 100%.

0.0%	0.0% #4B4B84	RGB 75 75 132	#4B4B84
16.7%	16.7% #606092	RGB 96 96 146	#606092
33.3%	33.3% #7575A1	RGB 117 117 161	#7575A1
50.0%	50.0% #8B8BAF	RGB 139 139 175	#8B8BAF
66.7%	66.7% #A0A0BE	RGB 160 160 190	#A0A0BE
83.3%	83.3% #B5B5CC	RGB 181 181 204	#B5B5CC
100.0%	100.0% #CBCBDB	RGB 203 203 219	#CBCBDB

#4B4B84 #606092 #7575A1 #8B8BAF #A0A0BE #B5B5CC #CBCBDB

#4B4B84 - #CBCBDB

HSV Blend

#4B4B84 - #CBCBDB | 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 #4B4B84 as 0% and #CBCBDB as 100%.

0.0%	0.0% #4B4B84	RGB 75 75 132	#4B4B84
16.7%	16.7% #5B5B92	RGB 91 91 146	#5B5B92
33.3%	33.3% #6E6EA1	RGB 110 110 161	#6E6EA1
50.0%	50.0% #8383AF	RGB 131 131 175	#8383AF
66.7%	66.7% #9999BE	RGB 153 153 190	#9999BE
83.3%	83.3% #B1B1CC	RGB 177 177 204	#B1B1CC
100.0%	100.0% #CBCBDB	RGB 203 203 219	#CBCBDB

#4B4B84 #5B5B92 #6E6EA1 #8383AF #9999BE #B1B1CC #CBCBDB

#4B4B84 - #8383AF - #CBCBDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B4B84 0%, #8383AF 50%, #CBCBDB 100%);
    background: -webkit-linear-gradient(top, #4B4B84 0%, #8383AF 50%, #CBCBDB 100%);
    background: linear-gradient(to bottom, #4B4B84 0%, #8383AF 50%, #CBCBDB 100%);
}
</style>