#B5E8C2 - #59B88F | 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 #B5E8C2 a #59B88F

#B5E8C2 #59B88F

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

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

0.0%	0.0% #B5E8C2	RGB 181 232 194	#B5E8C2
16.7%	16.7% #A5E0B9	RGB 165 224 185	#A5E0B9
33.3%	33.3% #96D8B1	RGB 150 216 177	#96D8B1
50.0%	50.0% #87D0A8	RGB 135 208 168	#87D0A8
66.7%	66.7% #77C8A0	RGB 119 200 160	#77C8A0
83.3%	83.3% #68C097	RGB 104 192 151	#68C097
100.0%	100.0% #59B88F	RGB 89 184 143	#59B88F

#B5E8C2 #A5E0B9 #96D8B1 #87D0A8 #77C8A0 #68C097 #59B88F

#B5E8C2 - #59B88F

Mezcla HSV

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

0.0%	0.0% #B5E8C2	RGB 181 232 194	#B5E8C2
16.7%	16.7% #A3E0B6	RGB 163 224 182	#A3E0B6
33.3%	33.3% #93D8AB	RGB 147 216 171	#93D8AB
50.0%	50.0% #83D0A2	RGB 131 208 162	#83D0A2
66.7%	66.7% #74C89B	RGB 116 200 155	#74C89B
83.3%	83.3% #66C094	RGB 102 192 148	#66C094
100.0%	100.0% #59B88F	RGB 89 184 143	#59B88F

#B5E8C2 #A3E0B6 #93D8AB #83D0A2 #74C89B #66C094 #59B88F

#B5E8C2 - #83D0A2 - #59B88F

Códigos CSS

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

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