#00487D - #8DCCCE | 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 #00487D a #8DCCCE

#00487D #8DCCCE

Calcule el color entre dos colores, #00487D y #8DCCCE. 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)

#00487D - #8DCCCE | 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 #00487D como 0% y #8DCCCE como 100%.

0.0%	0.0% #00487D	RGB 0 72 125	#00487D
16.7%	16.7% #175E8A	RGB 23 94 138	#175E8A
33.3%	33.3% #2F7498	RGB 47 116 152	#2F7498
50.0%	50.0% #468AA5	RGB 70 138 165	#468AA5
66.7%	66.7% #5EA0B3	RGB 94 160 179	#5EA0B3
83.3%	83.3% #75B6C0	RGB 117 182 192	#75B6C0
100.0%	100.0% #8DCCCE	RGB 141 204 206	#8DCCCE

#00487D #175E8A #2F7498 #468AA5 #5EA0B3 #75B6C0 #8DCCCE

#00487D - #8DCCCE

Mezcla HSV

#00487D - #8DCCCE | 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 #00487D como 0% y #8DCCCE como 100%.

0.0%	0.0% #00487D	RGB 0 72 125	#00487D
16.7%	16.7% #0F5E8A	RGB 15 94 138	#0F5E8A
33.3%	33.3% #227598	RGB 34 117 152	#227598
50.0%	50.0% #388CA5	RGB 56 140 165	#388CA5
66.7%	66.7% #51A3B3	RGB 81 163 179	#51A3B3
83.3%	83.3% #6DB8C0	RGB 109 184 192	#6DB8C0
100.0%	100.0% #8DCCCE	RGB 141 204 206	#8DCCCE

#00487D #0F5E8A #227598 #388CA5 #51A3B3 #6DB8C0 #8DCCCE

#00487D - #388CA5 - #8DCCCE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00487D 0%, #388CA5 50%, #8DCCCE 100%);
    background: -webkit-linear-gradient(top, #00487D 0%, #388CA5 50%, #8DCCCE 100%);
    background: linear-gradient(to bottom, #00487D 0%, #388CA5 50%, #8DCCCE 100%);
}
</style>