#005976 - #72B6B8 | 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 #005976 a #72B6B8

#005976 #72B6B8

Calcule el color entre dos colores, #005976 y #72B6B8. 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)

#005976 - #72B6B8 | 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 #005976 como 0% y #72B6B8 como 100%.

0.0%	0.0% #005976	RGB 0 89 118	#005976
16.7%	16.7% #136881	RGB 19 104 129	#136881
33.3%	33.3% #26788C	RGB 38 120 140	#26788C
50.0%	50.0% #398797	RGB 57 135 151	#398797
66.7%	66.7% #4C97A2	RGB 76 151 162	#4C97A2
83.3%	83.3% #5FA6AD	RGB 95 166 173	#5FA6AD
100.0%	100.0% #72B6B8	RGB 114 182 184	#72B6B8

#005976 #136881 #26788C #398797 #4C97A2 #5FA6AD #72B6B8

#005976 - #72B6B8

Mezcla HSV

#005976 - #72B6B8 | 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 #005976 como 0% y #72B6B8 como 100%.

0.0%	0.0% #005976	RGB 0 89 118	#005976
16.7%	16.7% #0D6881	RGB 13 104 129	#0D6881
33.3%	33.3% #1C788C	RGB 28 120 140	#1C788C
50.0%	50.0% #2E8897	RGB 46 136 151	#2E8897
66.7%	66.7% #4298A2	RGB 66 152 162	#4298A2
83.3%	83.3% #59A7AD	RGB 89 167 173	#59A7AD
100.0%	100.0% #72B6B8	RGB 114 182 184	#72B6B8

#005976 #0D6881 #1C788C #2E8897 #4298A2 #59A7AD #72B6B8

#005976 - #2E8897 - #72B6B8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005976 0%, #2E8897 50%, #72B6B8 100%);
    background: -webkit-linear-gradient(top, #005976 0%, #2E8897 50%, #72B6B8 100%);
    background: linear-gradient(to bottom, #005976 0%, #2E8897 50%, #72B6B8 100%);
}
</style>