#B5E3C8 - #55B296 | 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 #B5E3C8 a #55B296

#B5E3C8 #55B296

Calcule el color entre dos colores, #B5E3C8 y #55B296. 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)

#B5E3C8 - #55B296 | 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 #B5E3C8 como 0% y #55B296 como 100%.

0.0%	0.0% #B5E3C8	RGB 181 227 200	#B5E3C8
16.7%	16.7% #A5DABF	RGB 165 218 191	#A5DABF
33.3%	33.3% #95D2B7	RGB 149 210 183	#95D2B7
50.0%	50.0% #85CAAF	RGB 133 202 175	#85CAAF
66.7%	66.7% #75C2A6	RGB 117 194 166	#75C2A6
83.3%	83.3% #65BA9E	RGB 101 186 158	#65BA9E
100.0%	100.0% #55B296	RGB 85 178 150	#55B296

#B5E3C8 #A5DABF #95D2B7 #85CAAF #75C2A6 #65BA9E #55B296

#B5E3C8 - #55B296

Mezcla HSV

#B5E3C8 - #55B296 | 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 #B5E3C8 como 0% y #55B296 como 100%.

0.0%	0.0% #B5E3C8	RGB 181 227 200	#B5E3C8
16.7%	16.7% #A2DABC	RGB 162 218 188	#A2DABC
33.3%	33.3% #91D2B2	RGB 145 210 178	#91D2B2
50.0%	50.0% #81CAA9	RGB 129 202 169	#81CAA9
66.7%	66.7% #71C2A2	RGB 113 194 162	#71C2A2
83.3%	83.3% #62BA9B	RGB 98 186 155	#62BA9B
100.0%	100.0% #55B296	RGB 85 178 150	#55B296

#B5E3C8 #A2DABC #91D2B2 #81CAA9 #71C2A2 #62BA9B #55B296

#B5E3C8 - #81CAA9 - #55B296

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E3C8 0%, #81CAA9 50%, #55B296 100%);
    background: -webkit-linear-gradient(top, #B5E3C8 0%, #81CAA9 50%, #55B296 100%);
    background: linear-gradient(to bottom, #B5E3C8 0%, #81CAA9 50%, #55B296 100%);
}
</style>