#B5E3C5 - #57B192 | 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 #B5E3C5 a #57B192

#B5E3C5 #57B192

Calcule el color entre dos colores, #B5E3C5 y #57B192. 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)

#B5E3C5 - #57B192 | 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 #B5E3C5 como 0% y #57B192 como 100%.

0.0%	0.0% #B5E3C5	RGB 181 227 197	#B5E3C5
16.7%	16.7% #A5DABC	RGB 165 218 188	#A5DABC
33.3%	33.3% #95D2B4	RGB 149 210 180	#95D2B4
50.0%	50.0% #86CAAB	RGB 134 202 171	#86CAAB
66.7%	66.7% #76C1A3	RGB 118 193 163	#76C1A3
83.3%	83.3% #66B99A	RGB 102 185 154	#66B99A
100.0%	100.0% #57B192	RGB 87 177 146	#57B192

#B5E3C5 #A5DABC #95D2B4 #86CAAB #76C1A3 #66B99A #57B192

#B5E3C5 - #57B192

Mezcla HSV

#B5E3C5 - #57B192 | 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 #B5E3C5 como 0% y #57B192 como 100%.

0.0%	0.0% #B5E3C5	RGB 181 227 197	#B5E3C5
16.7%	16.7% #A3DAB9	RGB 163 218 185	#A3DAB9
33.3%	33.3% #92D2AF	RGB 146 210 175	#92D2AF
50.0%	50.0% #82CAA6	RGB 130 202 166	#82CAA6
66.7%	66.7% #72C19E	RGB 114 193 158	#72C19E
83.3%	83.3% #64B997	RGB 100 185 151	#64B997
100.0%	100.0% #57B192	RGB 87 177 146	#57B192

#B5E3C5 #A3DAB9 #92D2AF #82CAA6 #72C19E #64B997 #57B192

#B5E3C5 - #82CAA6 - #57B192

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E3C5 0%, #82CAA6 50%, #57B192 100%);
    background: -webkit-linear-gradient(top, #B5E3C5 0%, #82CAA6 50%, #57B192 100%);
    background: linear-gradient(to bottom, #B5E3C5 0%, #82CAA6 50%, #57B192 100%);
}
</style>