#7F8FEC - #2639AF | 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 #7F8FEC to #2639AF

#7F8FEC #2639AF

Calculate the color between two colors, #7F8FEC and #2639AF. 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)

#7F8FEC - #2639AF | 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 #7F8FEC as 0% and #2639AF as 100%.

0.0%	0.0% #7F8FEC	RGB 127 143 236	#7F8FEC
16.7%	16.7% #7080E1	RGB 112 128 225	#7080E1
33.3%	33.3% #6172D7	RGB 97 114 215	#6172D7
50.0%	50.0% #5264CD	RGB 82 100 205	#5264CD
66.7%	66.7% #4355C3	RGB 67 85 195	#4355C3
83.3%	83.3% #3447B9	RGB 52 71 185	#3447B9
100.0%	100.0% #2639AF	RGB 38 57 175	#2639AF

#7F8FEC #7080E1 #6172D7 #5264CD #4355C3 #3447B9 #2639AF

#7F8FEC - #2639AF

HSV Blend

#7F8FEC - #2639AF | 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 #7F8FEC as 0% and #2639AF as 100%.

0.0%	0.0% #7F8FEC	RGB 127 143 236	#7F8FEC
16.7%	16.7% #6D7EE1	RGB 109 126 225	#6D7EE1
33.3%	33.3% #5C6ED7	RGB 92 110 215	#5C6ED7
50.0%	50.0% #4D5FCD	RGB 77 95 205	#4D5FCD
66.7%	66.7% #3F51C3	RGB 63 81 195	#3F51C3
83.3%	83.3% #3245B9	RGB 50 69 185	#3245B9
100.0%	100.0% #2639AF	RGB 38 57 175	#2639AF

#7F8FEC #6D7EE1 #5C6ED7 #4D5FCD #3F51C3 #3245B9 #2639AF

#7F8FEC - #4D5FCD - #2639AF

CSS codes

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

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