#00376B - #72C8C0 | 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 #00376B a #72C8C0

#00376B #72C8C0

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

#00376B - #72C8C0 | 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 #00376B como 0% y #72C8C0 como 100%.

0.0%	0.0% #00376B	RGB 0 55 107	#00376B
16.7%	16.7% #134F79	RGB 19 79 121	#134F79
33.3%	33.3% #266787	RGB 38 103 135	#266787
50.0%	50.0% #397F95	RGB 57 127 149	#397F95
66.7%	66.7% #4C97A3	RGB 76 151 163	#4C97A3
83.3%	83.3% #5FAFB1	RGB 95 175 177	#5FAFB1
100.0%	100.0% #72C8C0	RGB 114 200 192	#72C8C0

#00376B #134F79 #266787 #397F95 #4C97A3 #5FAFB1 #72C8C0

#00376B - #72C8C0

Mezcla HSV

#00376B - #72C8C0 | 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 #00376B como 0% y #72C8C0 como 100%.

0.0%	0.0% #00376B	RGB 0 55 107	#00376B
16.7%	16.7% #0B4F7A	RGB 11 79 122	#0B4F7A
33.3%	33.3% #1A698A	RGB 26 105 138	#1A698A
50.0%	50.0% #2B8399	RGB 43 131 153	#2B8399
66.7%	66.7% #409EA9	RGB 64 158 169	#409EA9
83.3%	83.3% #57B8B8	RGB 87 184 184	#57B8B8
100.0%	100.0% #72C8C0	RGB 114 200 192	#72C8C0

#00376B #0B4F7A #1A698A #2B8399 #409EA9 #57B8B8 #72C8C0

#00376B - #2B8399 - #72C8C0

Códigos CSS

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

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