#009193 - #B5EEC5 | 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 #009193 a #B5EEC5

#009193 #B5EEC5

Calcule el color entre dos colores, #009193 y #B5EEC5. 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)

#009193 - #B5EEC5 | 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 #009193 como 0% y #B5EEC5 como 100%.

0.0%	0.0% #009193	RGB 0 145 147	#009193
16.7%	16.7% #1EA09B	RGB 30 160 155	#1EA09B
33.3%	33.3% #3CB0A3	RGB 60 176 163	#3CB0A3
50.0%	50.0% #5ABFAC	RGB 90 191 172	#5ABFAC
66.7%	66.7% #78CFB4	RGB 120 207 180	#78CFB4
83.3%	83.3% #96DEBC	RGB 150 222 188	#96DEBC
100.0%	100.0% #B5EEC5	RGB 181 238 197	#B5EEC5

#009193 #1EA09B #3CB0A3 #5ABFAC #78CFB4 #96DEBC #B5EEC5

#009193 - #B5EEC5

Mezcla HSV

#009193 - #B5EEC5 | 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 #009193 como 0% y #B5EEC5 como 100%.

0.0%	0.0% #009093	RGB 0 144 147	#009093
16.7%	16.7% #14A292	RGB 20 162 146	#14A292
33.3%	33.3% #2CB192	RGB 44 177 146	#2CB192
50.0%	50.0% #49C096	RGB 73 192 150	#49C096
66.7%	66.7% #69CF9F	RGB 105 207 159	#69CF9F
83.3%	83.3% #8DDEAE	RGB 141 222 174	#8DDEAE
100.0%	100.0% #B5EEC5	RGB 181 238 197	#B5EEC5

#009093 #14A292 #2CB192 #49C096 #69CF9F #8DDEAE #B5EEC5

#009193 - #49C096 - #B5EEC5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009093 0%, #49C096 50%, #B5EEC5 100%);
    background: -webkit-linear-gradient(top, #009093 0%, #49C096 50%, #B5EEC5 100%);
    background: linear-gradient(to bottom, #009093 0%, #49C096 50%, #B5EEC5 100%);
}
</style>