#102039 - #425D74 | 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 #102039 a #425D74

#102039 #425D74

Calcule el color entre dos colores, #102039 y #425D74. 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)

#102039 - #425D74 | 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 #102039 como 0% y #425D74 como 100%.

0.0%	0.0% #102039	RGB 16 32 57	#102039
16.7%	16.7% #182A42	RGB 24 42 66	#182A42
33.3%	33.3% #20344C	RGB 32 52 76	#20344C
50.0%	50.0% #293E56	RGB 41 62 86	#293E56
66.7%	66.7% #314860	RGB 49 72 96	#314860
83.3%	83.3% #39526A	RGB 57 82 106	#39526A
100.0%	100.0% #425D74	RGB 66 93 116	#425D74

#102039 #182A42 #20344C #293E56 #314860 #39526A #425D74

#102039 - #425D74

Mezcla HSV

#102039 - #425D74 | 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 #102039 como 0% y #425D74 como 100%.

0.0%	0.0% #101F39	RGB 16 31 57	#101F39
16.7%	16.7% #152842	RGB 21 40 66	#152842
33.3%	33.3% #1C314C	RGB 28 49 76	#1C314C
50.0%	50.0% #243B56	RGB 36 59 86	#243B56
66.7%	66.7% #2D4660	RGB 45 70 96	#2D4660
83.3%	83.3% #37516A	RGB 55 81 106	#37516A
100.0%	100.0% #425D74	RGB 66 93 116	#425D74

#101F39 #152842 #1C314C #243B56 #2D4660 #37516A #425D74

#102039 - #243B56 - #425D74

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101F39 0%, #243B56 50%, #425D74 100%);
    background: -webkit-linear-gradient(top, #101F39 0%, #243B56 50%, #425D74 100%);
    background: linear-gradient(to bottom, #101F39 0%, #243B56 50%, #425D74 100%);
}
</style>