#92AFD3 - #2D3C8B | 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 #92AFD3 to #2D3C8B

#92AFD3 #2D3C8B

Calculate the color between two colors, #92AFD3 and #2D3C8B. 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)

#92AFD3 - #2D3C8B | 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 #92AFD3 as 0% and #2D3C8B as 100%.

0.0%	0.0% #92AFD3	RGB 146 175 211	#92AFD3
16.7%	16.7% #819BC7	RGB 129 155 199	#819BC7
33.3%	33.3% #7088BB	RGB 112 136 187	#7088BB
50.0%	50.0% #5F75AF	RGB 95 117 175	#5F75AF
66.7%	66.7% #4E62A3	RGB 78 98 163	#4E62A3
83.3%	83.3% #3D4F97	RGB 61 79 151	#3D4F97
100.0%	100.0% #2D3C8B	RGB 45 60 139	#2D3C8B

#92AFD3 #819BC7 #7088BB #5F75AF #4E62A3 #3D4F97 #2D3C8B

#92AFD3 - #2D3C8B

HSV Blend

#92AFD3 - #2D3C8B | 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 #92AFD3 as 0% and #2D3C8B as 100%.

0.0%	0.0% #92AFD3	RGB 146 175 211	#92AFD3
16.7%	16.7% #7D9AC7	RGB 125 154 199	#7D9AC7
33.3%	33.3% #6A86BB	RGB 106 134 187	#6A86BB
50.0%	50.0% #5872AF	RGB 88 114 175	#5872AF
66.7%	66.7% #485FA3	RGB 72 95 163	#485FA3
83.3%	83.3% #3A4D97	RGB 58 77 151	#3A4D97
100.0%	100.0% #2D3C8B	RGB 45 60 139	#2D3C8B

#92AFD3 #7D9AC7 #6A86BB #5872AF #485FA3 #3A4D97 #2D3C8B

#92AFD3 - #5872AF - #2D3C8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92AFD3 0%, #5872AF 50%, #2D3C8B 100%);
    background: -webkit-linear-gradient(top, #92AFD3 0%, #5872AF 50%, #2D3C8B 100%);
    background: linear-gradient(to bottom, #92AFD3 0%, #5872AF 50%, #2D3C8B 100%);
}
</style>