#B5E4C2 - #59B28E | 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 #B5E4C2 a #59B28E

#B5E4C2 #59B28E

Calcule el color entre dos colores, #B5E4C2 y #59B28E. 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)

#B5E4C2 - #59B28E | 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 #B5E4C2 como 0% y #59B28E como 100%.

0.0%	0.0% #B5E4C2	RGB 181 228 194	#B5E4C2
16.7%	16.7% #A5DBB9	RGB 165 219 185	#A5DBB9
33.3%	33.3% #96D3B0	RGB 150 211 176	#96D3B0
50.0%	50.0% #87CBA8	RGB 135 203 168	#87CBA8
66.7%	66.7% #77C29F	RGB 119 194 159	#77C29F
83.3%	83.3% #68BA96	RGB 104 186 150	#68BA96
100.0%	100.0% #59B28E	RGB 89 178 142	#59B28E

#B5E4C2 #A5DBB9 #96D3B0 #87CBA8 #77C29F #68BA96 #59B28E

#B5E4C2 - #59B28E

Mezcla HSV

#B5E4C2 - #59B28E | 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 #B5E4C2 como 0% y #59B28E como 100%.

0.0%	0.0% #B5E4C2	RGB 181 228 194	#B5E4C2
16.7%	16.7% #A3DBB6	RGB 163 219 182	#A3DBB6
33.3%	33.3% #93D3AB	RGB 147 211 171	#93D3AB
50.0%	50.0% #83CBA2	RGB 131 203 162	#83CBA2
66.7%	66.7% #74C29A	RGB 116 194 154	#74C29A
83.3%	83.3% #66BA93	RGB 102 186 147	#66BA93
100.0%	100.0% #59B28E	RGB 89 178 142	#59B28E

#B5E4C2 #A3DBB6 #93D3AB #83CBA2 #74C29A #66BA93 #59B28E

#B5E4C2 - #83CBA2 - #59B28E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4C2 0%, #83CBA2 50%, #59B28E 100%);
    background: -webkit-linear-gradient(top, #B5E4C2 0%, #83CBA2 50%, #59B28E 100%);
    background: linear-gradient(to bottom, #B5E4C2 0%, #83CBA2 50%, #59B28E 100%);
}
</style>