#B5E5E0 - #D2E6C8 | 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 #B5E5E0 a #D2E6C8

#B5E5E0 #D2E6C8

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

#B5E5E0 - #D2E6C8 | 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 #B5E5E0 como 0% y #D2E6C8 como 100%.

0.0%	0.0% #B5E5E0	RGB 181 229 224	#B5E5E0
16.7%	16.7% #B9E5DC	RGB 185 229 220	#B9E5DC
33.3%	33.3% #BEE5D8	RGB 190 229 216	#BEE5D8
50.0%	50.0% #C3E5D4	RGB 195 229 212	#C3E5D4
66.7%	66.7% #C8E5D0	RGB 200 229 208	#C8E5D0
83.3%	83.3% #CDE5CC	RGB 205 229 204	#CDE5CC
100.0%	100.0% #D2E6C8	RGB 210 230 200	#D2E6C8

#B5E5E0 #B9E5DC #BEE5D8 #C3E5D4 #C8E5D0 #CDE5CC #D2E6C8

#B5E5E0 - #D2E6C8

Mezcla HSV

#B5E5E0 - #D2E6C8 | 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 #B5E5E0 como 0% y #D2E6C8 como 100%.

0.0%	0.0% #B5E5E0	RGB 181 229 224	#B5E5E0
16.7%	16.7% #B8E5D7	RGB 184 229 215	#B8E5D7
33.3%	33.3% #BBE5CF	RGB 187 229 207	#BBE5CF
50.0%	50.0% #BEE5C9	RGB 190 229 201	#BEE5C9
66.7%	66.7% #C1E5C4	RGB 193 229 196	#C1E5C4
83.3%	83.3% #C9E5C4	RGB 201 229 196	#C9E5C4
100.0%	100.0% #D2E6C8	RGB 210 230 200	#D2E6C8

#B5E5E0 #B8E5D7 #BBE5CF #BEE5C9 #C1E5C4 #C9E5C4 #D2E6C8

#B5E5E0 - #BEE5C9 - #D2E6C8

Códigos CSS

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

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