#5EADAF - #0C5E4C | 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 #5EADAF a #0C5E4C

#5EADAF #0C5E4C

Calcule el color entre dos colores, #5EADAF y #0C5E4C. 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)

#5EADAF - #0C5E4C | 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 #5EADAF como 0% y #0C5E4C como 100%.

0.0%	0.0% #5EADAF	RGB 94 173 175	#5EADAF
16.7%	16.7% #509F9E	RGB 80 159 158	#509F9E
33.3%	33.3% #42928E	RGB 66 146 142	#42928E
50.0%	50.0% #35857D	RGB 53 133 125	#35857D
66.7%	66.7% #27786D	RGB 39 120 109	#27786D
83.3%	83.3% #196B5C	RGB 25 107 92	#196B5C
100.0%	100.0% #0C5E4C	RGB 12 94 76	#0C5E4C

#5EADAF #509F9E #42928E #35857D #27786D #196B5C #0C5E4C

#5EADAF - #0C5E4C

Mezcla HSV

#5EADAF - #0C5E4C | 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 #5EADAF como 0% y #0C5E4C como 100%.

0.0%	0.0% #5EADAF	RGB 94 173 175	#5EADAF
16.7%	16.7% #4BA1A0	RGB 75 161 160	#4BA1A0
33.3%	33.3% #3B948E	RGB 59 148 142	#3B948E
50.0%	50.0% #2C867D	RGB 44 134 125	#2C867D
66.7%	66.7% #1F796C	RGB 31 121 108	#1F796C
83.3%	83.3% #156B5C	RGB 21 107 92	#156B5C
100.0%	100.0% #0C5E4C	RGB 12 94 76	#0C5E4C

#5EADAF #4BA1A0 #3B948E #2C867D #1F796C #156B5C #0C5E4C

#5EADAF - #2C867D - #0C5E4C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADAF 0%, #2C867D 50%, #0C5E4C 100%);
    background: -webkit-linear-gradient(top, #5EADAF 0%, #2C867D 50%, #0C5E4C 100%);
    background: linear-gradient(to bottom, #5EADAF 0%, #2C867D 50%, #0C5E4C 100%);
}
</style>