#B5E4D0 - #59B2A8 | 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 #B5E4D0 a #59B2A8

#B5E4D0 #59B2A8

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

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

0.0%	0.0% #B5E4D0	RGB 181 228 208	#B5E4D0
16.7%	16.7% #A5DBC9	RGB 165 219 201	#A5DBC9
33.3%	33.3% #96D3C2	RGB 150 211 194	#96D3C2
50.0%	50.0% #87CBBC	RGB 135 203 188	#87CBBC
66.7%	66.7% #77C2B5	RGB 119 194 181	#77C2B5
83.3%	83.3% #68BAAE	RGB 104 186 174	#68BAAE
100.0%	100.0% #59B2A8	RGB 89 178 168	#59B2A8

#B5E4D0 #A5DBC9 #96D3C2 #87CBBC #77C2B5 #68BAAE #59B2A8

#B5E4D0 - #59B2A8

Mezcla HSV

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

0.0%	0.0% #B5E4D0	RGB 181 228 208	#B5E4D0
16.7%	16.7% #A3DBC6	RGB 163 219 198	#A3DBC6
33.3%	33.3% #93D3BE	RGB 147 211 190	#93D3BE
50.0%	50.0% #83CBB7	RGB 131 203 183	#83CBB7
66.7%	66.7% #74C2B1	RGB 116 194 177	#74C2B1
83.3%	83.3% #66BAAC	RGB 102 186 172	#66BAAC
100.0%	100.0% #59B2A8	RGB 89 178 168	#59B2A8

#B5E4D0 #A3DBC6 #93D3BE #83CBB7 #74C2B1 #66BAAC #59B2A8

#B5E4D0 - #83CBB7 - #59B2A8

Códigos CSS

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

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