#788BFF - #1F30CA | 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 #788BFF to #1F30CA

#788BFF #1F30CA

Calculate the color between two colors, #788BFF and #1F30CA. 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)

#788BFF - #1F30CA | 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 #788BFF as 0% and #1F30CA as 100%.

0.0%	0.0% #788BFF	RGB 120 139 255	#788BFF
16.7%	16.7% #697BF6	RGB 105 123 246	#697BF6
33.3%	33.3% #5A6CED	RGB 90 108 237	#5A6CED
50.0%	50.0% #4B5DE4	RGB 75 93 228	#4B5DE4
66.7%	66.7% #3C4EDB	RGB 60 78 219	#3C4EDB
83.3%	83.3% #2D3FD2	RGB 45 63 210	#2D3FD2
100.0%	100.0% #1F30CA	RGB 31 48 202	#1F30CA

#788BFF #697BF6 #5A6CED #4B5DE4 #3C4EDB #2D3FD2 #1F30CA

#788BFF - #1F30CA

HSV Blend

#788BFF - #1F30CA | 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 #788BFF as 0% and #1F30CA as 100%.

0.0%	0.0% #788BFF	RGB 120 139 255	#788BFF
16.7%	16.7% #667AF6	RGB 102 122 246	#667AF6
33.3%	33.3% #5669ED	RGB 86 105 237	#5669ED
50.0%	50.0% #475AE4	RGB 71 90 228	#475AE4
66.7%	66.7% #384BDB	RGB 56 75 219	#384BDB
83.3%	83.3% #2B3DD2	RGB 43 61 210	#2B3DD2
100.0%	100.0% #1F30CA	RGB 31 48 202	#1F30CA

#788BFF #667AF6 #5669ED #475AE4 #384BDB #2B3DD2 #1F30CA

#788BFF - #475AE4 - #1F30CA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #788BFF 0%, #475AE4 50%, #1F30CA 100%);
    background: -webkit-linear-gradient(top, #788BFF 0%, #475AE4 50%, #1F30CA 100%);
    background: linear-gradient(to bottom, #788BFF 0%, #475AE4 50%, #1F30CA 100%);
}
</style>