#009495 - #B8F0C6 | 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 #009495 a #B8F0C6

#009495 #B8F0C6

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

#009495 - #B8F0C6 | 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 #009495 como 0% y #B8F0C6 como 100%.

0.0%	0.0% #009495	RGB 0 148 149	#009495
16.7%	16.7% #1EA39D	RGB 30 163 157	#1EA39D
33.3%	33.3% #3DB2A5	RGB 61 178 165	#3DB2A5
50.0%	50.0% #5CC2AD	RGB 92 194 173	#5CC2AD
66.7%	66.7% #7AD1B5	RGB 122 209 181	#7AD1B5
83.3%	83.3% #99E0BD	RGB 153 224 189	#99E0BD
100.0%	100.0% #B8F0C6	RGB 184 240 198	#B8F0C6

#009495 #1EA39D #3DB2A5 #5CC2AD #7AD1B5 #99E0BD #B8F0C6

#009495 - #B8F0C6

Mezcla HSV

#009495 - #B8F0C6 | 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 #009495 como 0% y #B8F0C6 como 100%.

0.0%	0.0% #009495	RGB 0 148 149	#009495
16.7%	16.7% #14A493	RGB 20 164 147	#14A493
33.3%	33.3% #2DB392	RGB 45 179 146	#2DB392
50.0%	50.0% #4AC295	RGB 74 194 149	#4AC295
66.7%	66.7% #6BD19E	RGB 107 209 158	#6BD19E
83.3%	83.3% #8FE0AE	RGB 143 224 174	#8FE0AE
100.0%	100.0% #B8F0C6	RGB 184 240 198	#B8F0C6

#009495 #14A493 #2DB392 #4AC295 #6BD19E #8FE0AE #B8F0C6

#009495 - #4AC295 - #B8F0C6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009495 0%, #4AC295 50%, #B8F0C6 100%);
    background: -webkit-linear-gradient(top, #009495 0%, #4AC295 50%, #B8F0C6 100%);
    background: linear-gradient(to bottom, #009495 0%, #4AC295 50%, #B8F0C6 100%);
}
</style>