#004F68 - #B6CCD3 | 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 #004F68 a #B6CCD3

#004F68 #B6CCD3

Calcule el color entre dos colores, #004F68 y #B6CCD3. 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)

#004F68 - #B6CCD3 | 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 #004F68 como 0% y #B6CCD3 como 100%.

0.0%	0.0% #004F68	RGB 0 79 104	#004F68
16.7%	16.7% #1E6379	RGB 30 99 121	#1E6379
33.3%	33.3% #3C788B	RGB 60 120 139	#3C788B
50.0%	50.0% #5B8D9D	RGB 91 141 157	#5B8D9D
66.7%	66.7% #79A2AF	RGB 121 162 175	#79A2AF
83.3%	83.3% #97B7C1	RGB 151 183 193	#97B7C1
100.0%	100.0% #B6CCD3	RGB 182 204 211	#B6CCD3

#004F68 #1E6379 #3C788B #5B8D9D #79A2AF #97B7C1 #B6CCD3

#004F68 - #B6CCD3

Mezcla HSV

#004F68 - #B6CCD3 | 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 #004F68 como 0% y #B6CCD3 como 100%.

0.0%	0.0% #004F68	RGB 0 79 104	#004F68
16.7%	16.7% #116079	RGB 17 96 121	#116079
33.3%	33.3% #28738B	RGB 40 115 139	#28738B
50.0%	50.0% #43879D	RGB 67 135 157	#43879D
66.7%	66.7% #649DAF	RGB 100 157 175	#649DAF
83.3%	83.3% #8AB4C1	RGB 138 180 193	#8AB4C1
100.0%	100.0% #B6CCD3	RGB 182 204 211	#B6CCD3

#004F68 #116079 #28738B #43879D #649DAF #8AB4C1 #B6CCD3

#004F68 - #43879D - #B6CCD3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004F68 0%, #43879D 50%, #B6CCD3 100%);
    background: -webkit-linear-gradient(top, #004F68 0%, #43879D 50%, #B6CCD3 100%);
    background: linear-gradient(to bottom, #004F68 0%, #43879D 50%, #B6CCD3 100%);
}
</style>