#919EB6 - #292D33 | 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 #919EB6 to #292D33

#919EB6 #292D33

Calculate the color between two colors, #919EB6 and #292D33. 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)

#919EB6 - #292D33 | 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 #919EB6 as 0% and #292D33 as 100%.

0.0%	0.0% #919EB6	RGB 145 158 182	#919EB6
16.7%	16.7% #7F8BA0	RGB 127 139 160	#7F8BA0
33.3%	33.3% #6E788A	RGB 110 120 138	#6E788A
50.0%	50.0% #5D6574	RGB 93 101 116	#5D6574
66.7%	66.7% #4B525E	RGB 75 82 94	#4B525E
83.3%	83.3% #3A3F48	RGB 58 63 72	#3A3F48
100.0%	100.0% #292D33	RGB 41 45 51	#292D33

#919EB6 #7F8BA0 #6E788A #5D6574 #4B525E #3A3F48 #292D33

#919EB6 - #292D33

HSV Blend

#919EB6 - #292D33 | 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 #919EB6 as 0% and #292D33 as 100%.

0.0%	0.0% #919EB6	RGB 145 158 182	#919EB6
16.7%	16.7% #7F8BA0	RGB 127 139 160	#7F8BA0
33.3%	33.3% #6E788A	RGB 110 120 138	#6E788A
50.0%	50.0% #5D6574	RGB 93 101 116	#5D6574
66.7%	66.7% #4B535E	RGB 75 83 94	#4B535E
83.3%	83.3% #3A4048	RGB 58 64 72	#3A4048
100.0%	100.0% #292D33	RGB 41 45 51	#292D33

#919EB6 #7F8BA0 #6E788A #5D6574 #4B535E #3A4048 #292D33

#919EB6 - #5D6574 - #292D33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #919EB6 0%, #5D6574 50%, #292D33 100%);
    background: -webkit-linear-gradient(top, #919EB6 0%, #5D6574 50%, #292D33 100%);
    background: linear-gradient(to bottom, #919EB6 0%, #5D6574 50%, #292D33 100%);
}
</style>