#3C92AD - #1C485D | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #3C92AD a #1C485D

#3C92AD #1C485D

Calcule el color entre dos colores, #3C92AD y #1C485D. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#3C92AD - #1C485D | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #3C92AD como 0% y #1C485D como 100%.

0.0%	0.0% #3C92AD	RGB 60 146 173	#3C92AD
16.7%	16.7% #36859F	RGB 54 133 159	#36859F
33.3%	33.3% #317992	RGB 49 121 146	#317992
50.0%	50.0% #2C6D85	RGB 44 109 133	#2C6D85
66.7%	66.7% #266077	RGB 38 96 119	#266077
83.3%	83.3% #21546A	RGB 33 84 106	#21546A
100.0%	100.0% #1C485D	RGB 28 72 93	#1C485D

#3C92AD #36859F #317992 #2C6D85 #266077 #21546A #1C485D

#3C92AD - #1C485D

Mezcla HSV

#3C92AD - #1C485D | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #3C92AD como 0% y #1C485D como 100%.

0.0%	0.0% #3C92AD	RGB 60 146 173	#3C92AD
16.7%	16.7% #36849F	RGB 54 132 159	#36849F
33.3%	33.3% #307892	RGB 48 120 146	#307892
50.0%	50.0% #2B6B85	RGB 43 107 133	#2B6B85
66.7%	66.7% #255F77	RGB 37 95 119	#255F77
83.3%	83.3% #20536A	RGB 32 83 106	#20536A
100.0%	100.0% #1C485D	RGB 28 72 93	#1C485D

#3C92AD #36849F #307892 #2B6B85 #255F77 #20536A #1C485D

#3C92AD - #2B6B85 - #1C485D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C92AD 0%, #2B6B85 50%, #1C485D 100%);
    background: -webkit-linear-gradient(top, #3C92AD 0%, #2B6B85 50%, #1C485D 100%);
    background: linear-gradient(to bottom, #3C92AD 0%, #2B6B85 50%, #1C485D 100%);
}
</style>