#004A55 - #B6CBCE | 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 #004A55 a #B6CBCE

#004A55 #B6CBCE

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

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

0.0%	0.0% #004A55	RGB 0 74 85	#004A55
16.7%	16.7% #1E5F69	RGB 30 95 105	#1E5F69
33.3%	33.3% #3C757D	RGB 60 117 125	#3C757D
50.0%	50.0% #5B8A91	RGB 91 138 145	#5B8A91
66.7%	66.7% #79A0A5	RGB 121 160 165	#79A0A5
83.3%	83.3% #97B5B9	RGB 151 181 185	#97B5B9
100.0%	100.0% #B6CBCE	RGB 182 203 206	#B6CBCE

#004A55 #1E5F69 #3C757D #5B8A91 #79A0A5 #97B5B9 #B6CBCE

#004A55 - #B6CBCE

Mezcla HSV

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

0.0%	0.0% #004A55	RGB 0 74 85	#004A55
16.7%	16.7% #0F5D69	RGB 15 93 105	#0F5D69
33.3%	33.3% #24727D	RGB 36 114 125	#24727D
50.0%	50.0% #408791	RGB 64 135 145	#408791
66.7%	66.7% #619DA5	RGB 97 157 165	#619DA5
83.3%	83.3% #88B3B9	RGB 136 179 185	#88B3B9
100.0%	100.0% #B6CBCE	RGB 182 203 206	#B6CBCE

#004A55 #0F5D69 #24727D #408791 #619DA5 #88B3B9 #B6CBCE

#004A55 - #408791 - #B6CBCE

Códigos CSS

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

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