#B5E4C1 - #E6FBC5 | 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 #B5E4C1 a #E6FBC5

#B5E4C1 #E6FBC5

Calcule el color entre dos colores, #B5E4C1 y #E6FBC5. 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)

#B5E4C1 - #E6FBC5 | 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 #B5E4C1 como 0% y #E6FBC5 como 100%.

0.0%	0.0% #B5E4C1	RGB 181 228 193	#B5E4C1
16.7%	16.7% #BDE7C1	RGB 189 231 193	#BDE7C1
33.3%	33.3% #C5EBC2	RGB 197 235 194	#C5EBC2
50.0%	50.0% #CDEFC3	RGB 205 239 195	#CDEFC3
66.7%	66.7% #D5F3C3	RGB 213 243 195	#D5F3C3
83.3%	83.3% #DDF7C4	RGB 221 247 196	#DDF7C4
100.0%	100.0% #E6FBC5	RGB 230 251 197	#E6FBC5

#B5E4C1 #BDE7C1 #C5EBC2 #CDEFC3 #D5F3C3 #DDF7C4 #E6FBC5

#B5E4C1 - #E6FBC5

Mezcla HSV

#B5E4C1 - #E6FBC5 | 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 #B5E4C1 como 0% y #E6FBC5 como 100%.

0.0%	0.0% #B5E4C1	RGB 181 228 193	#B5E4C1
16.7%	16.7% #B7E7BD	RGB 183 231 189	#B7E7BD
33.3%	33.3% #BCEBBA	RGB 188 235 186	#BCEBBA
50.0%	50.0% #C6EFBD	RGB 198 239 189	#C6EFBD
66.7%	66.7% #D0F3BF	RGB 208 243 191	#D0F3BF
83.3%	83.3% #DBF7C2	RGB 219 247 194	#DBF7C2
100.0%	100.0% #E6FBC5	RGB 230 251 197	#E6FBC5

#B5E4C1 #B7E7BD #BCEBBA #C6EFBD #D0F3BF #DBF7C2 #E6FBC5

#B5E4C1 - #C6EFBD - #E6FBC5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4C1 0%, #C6EFBD 50%, #E6FBC5 100%);
    background: -webkit-linear-gradient(top, #B5E4C1 0%, #C6EFBD 50%, #E6FBC5 100%);
    background: linear-gradient(to bottom, #B5E4C1 0%, #C6EFBD 50%, #E6FBC5 100%);
}
</style>