#9FDDBC - #2D3F35 | 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 #9FDDBC a #2D3F35

#9FDDBC #2D3F35

Calcule el color entre dos colores, #9FDDBC y #2D3F35. 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)

#9FDDBC - #2D3F35 | 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 #9FDDBC como 0% y #2D3F35 como 100%.

0.0%	0.0% #9FDDBC	RGB 159 221 188	#9FDDBC
16.7%	16.7% #8CC2A5	RGB 140 194 165	#8CC2A5
33.3%	33.3% #79A88F	RGB 121 168 143	#79A88F
50.0%	50.0% #668E78	RGB 102 142 120	#668E78
66.7%	66.7% #537362	RGB 83 115 98	#537362
83.3%	83.3% #40594B	RGB 64 89 75	#40594B
100.0%	100.0% #2D3F35	RGB 45 63 53	#2D3F35

#9FDDBC #8CC2A5 #79A88F #668E78 #537362 #40594B #2D3F35

#9FDDBC - #2D3F35

Mezcla HSV

#9FDDBC - #2D3F35 | 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 #9FDDBC como 0% y #2D3F35 como 100%.

0.0%	0.0% #9FDDBC	RGB 159 221 188	#9FDDBC
16.7%	16.7% #8BC2A5	RGB 139 194 165	#8BC2A5
33.3%	33.3% #78A88E	RGB 120 168 142	#78A88E
50.0%	50.0% #658E78	RGB 101 142 120	#658E78
66.7%	66.7% #527361	RGB 82 115 97	#527361
83.3%	83.3% #3F594B	RGB 63 89 75	#3F594B
100.0%	100.0% #2D3F35	RGB 45 63 53	#2D3F35

#9FDDBC #8BC2A5 #78A88E #658E78 #527361 #3F594B #2D3F35

#9FDDBC - #658E78 - #2D3F35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FDDBC 0%, #658E78 50%, #2D3F35 100%);
    background: -webkit-linear-gradient(top, #9FDDBC 0%, #658E78 50%, #2D3F35 100%);
    background: linear-gradient(to bottom, #9FDDBC 0%, #658E78 50%, #2D3F35 100%);
}
</style>