#5E9C7B - #D1E2D9 | 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 #5E9C7B a #D1E2D9

#5E9C7B #D1E2D9

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

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

0.0%	0.0% #5E9C7B	RGB 94 156 123	#5E9C7B
16.7%	16.7% #71A78A	RGB 113 167 138	#71A78A
33.3%	33.3% #84B39A	RGB 132 179 154	#84B39A
50.0%	50.0% #97BFAA	RGB 151 191 170	#97BFAA
66.7%	66.7% #AACAB9	RGB 170 202 185	#AACAB9
83.3%	83.3% #BDD6C9	RGB 189 214 201	#BDD6C9
100.0%	100.0% #D1E2D9	RGB 209 226 217	#D1E2D9

#5E9C7B #71A78A #84B39A #97BFAA #AACAB9 #BDD6C9 #D1E2D9

#5E9C7B - #D1E2D9

Mezcla HSV

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

0.0%	0.0% #5E9C7B	RGB 94 156 123	#5E9C7B
16.7%	16.7% #6EA789	RGB 110 167 137	#6EA789
33.3%	33.3% #7FB397	RGB 127 179 151	#7FB397
50.0%	50.0% #91BFA7	RGB 145 191 167	#91BFA7
66.7%	66.7% #A5CAB7	RGB 165 202 183	#A5CAB7
83.3%	83.3% #BAD6C7	RGB 186 214 199	#BAD6C7
100.0%	100.0% #D1E2D9	RGB 209 226 217	#D1E2D9

#5E9C7B #6EA789 #7FB397 #91BFA7 #A5CAB7 #BAD6C7 #D1E2D9

#5E9C7B - #91BFA7 - #D1E2D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9C7B 0%, #91BFA7 50%, #D1E2D9 100%);
    background: -webkit-linear-gradient(top, #5E9C7B 0%, #91BFA7 50%, #D1E2D9 100%);
    background: linear-gradient(to bottom, #5E9C7B 0%, #91BFA7 50%, #D1E2D9 100%);
}
</style>