#00C5E5 - #007CB1 | 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 #00C5E5 a #007CB1

#00C5E5 #007CB1

Calcule el color entre dos colores, #00C5E5 y #007CB1. 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)

#00C5E5 - #007CB1 | 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 #00C5E5 como 0% y #007CB1 como 100%.

0.0%	0.0% #00C5E5	RGB 0 197 229	#00C5E5
16.7%	16.7% #00B8DC	RGB 0 184 220	#00B8DC
33.3%	33.3% #00ACD3	RGB 0 172 211	#00ACD3
50.0%	50.0% #00A0CB	RGB 0 160 203	#00A0CB
66.7%	66.7% #0094C2	RGB 0 148 194	#0094C2
83.3%	83.3% #0088B9	RGB 0 136 185	#0088B9
100.0%	100.0% #007CB1	RGB 0 124 177	#007CB1

#00C5E5 #00B8DC #00ACD3 #00A0CB #0094C2 #0088B9 #007CB1

#00C5E5 - #007CB1

Mezcla HSV

#00C5E5 - #007CB1 | 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 #00C5E5 como 0% y #007CB1 como 100%.

0.0%	0.0% #00C4E5	RGB 0 196 229	#00C4E5
16.7%	16.7% #00B7DC	RGB 0 183 220	#00B7DC
33.3%	33.3% #00AAD3	RGB 0 170 211	#00AAD3
50.0%	50.0% #009ECB	RGB 0 158 203	#009ECB
66.7%	66.7% #0092C2	RGB 0 146 194	#0092C2
83.3%	83.3% #0087B9	RGB 0 135 185	#0087B9
100.0%	100.0% #007CB1	RGB 0 124 177	#007CB1

#00C4E5 #00B7DC #00AAD3 #009ECB #0092C2 #0087B9 #007CB1

#00C5E5 - #009ECB - #007CB1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C4E5 0%, #009ECB 50%, #007CB1 100%);
    background: -webkit-linear-gradient(top, #00C4E5 0%, #009ECB 50%, #007CB1 100%);
    background: linear-gradient(to bottom, #00C4E5 0%, #009ECB 50%, #007CB1 100%);
}
</style>