#65678F - #1C2D3E | 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 #65678F to #1C2D3E

#65678F #1C2D3E

Calculate the color between two colors, #65678F and #1C2D3E. 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)

#65678F - #1C2D3E | 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 #65678F as 0% and #1C2D3E as 100%.

0.0%	0.0% #65678F	RGB 101 103 143	#65678F
16.7%	16.7% #585D81	RGB 88 93 129	#585D81
33.3%	33.3% #4C5374	RGB 76 83 116	#4C5374
50.0%	50.0% #404A66	RGB 64 74 102	#404A66
66.7%	66.7% #344059	RGB 52 64 89	#344059
83.3%	83.3% #28364B	RGB 40 54 75	#28364B
100.0%	100.0% #1C2D3E	RGB 28 45 62	#1C2D3E

#65678F #585D81 #4C5374 #404A66 #344059 #28364B #1C2D3E

#65678F - #1C2D3E

HSV Blend

#65678F - #1C2D3E | 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 #65678F as 0% and #1C2D3E as 100%.

0.0%	0.0% #65678F	RGB 101 103 143	#65678F
16.7%	16.7% #555B81	RGB 85 91 129	#555B81
33.3%	33.3% #485074	RGB 72 80 116	#485074
50.0%	50.0% #3B4766	RGB 59 71 102	#3B4766
66.7%	66.7% #2F3E59	RGB 47 62 89	#2F3E59
83.3%	83.3% #25354B	RGB 37 53 75	#25354B
100.0%	100.0% #1C2D3E	RGB 28 45 62	#1C2D3E

#65678F #555B81 #485074 #3B4766 #2F3E59 #25354B #1C2D3E

#65678F - #3B4766 - #1C2D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65678F 0%, #3B4766 50%, #1C2D3E 100%);
    background: -webkit-linear-gradient(top, #65678F 0%, #3B4766 50%, #1C2D3E 100%);
    background: linear-gradient(to bottom, #65678F 0%, #3B4766 50%, #1C2D3E 100%);
}
</style>