#BBCEB5 - #DBF0CD | 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 #BBCEB5 a #DBF0CD

#BBCEB5 #DBF0CD

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

#BBCEB5 - #DBF0CD | 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 #BBCEB5 como 0% y #DBF0CD como 100%.

0.0%	0.0% #BBCEB5	RGB 187 206 181	#BBCEB5
16.7%	16.7% #C0D3B9	RGB 192 211 185	#C0D3B9
33.3%	33.3% #C5D9BD	RGB 197 217 189	#C5D9BD
50.0%	50.0% #CBDFC1	RGB 203 223 193	#CBDFC1
66.7%	66.7% #D0E4C5	RGB 208 228 197	#D0E4C5
83.3%	83.3% #D5EAC9	RGB 213 234 201	#D5EAC9
100.0%	100.0% #DBF0CD	RGB 219 240 205	#DBF0CD

#BBCEB5 #C0D3B9 #C5D9BD #CBDFC1 #D0E4C5 #D5EAC9 #DBF0CD

#BBCEB5 - #DBF0CD

Mezcla HSV

#BBCEB5 - #DBF0CD | 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 #BBCEB5 como 0% y #DBF0CD como 100%.

0.0%	0.0% #BBCEB5	RGB 187 206 181	#BBCEB5
16.7%	16.7% #C0D3B9	RGB 192 211 185	#C0D3B9
33.3%	33.3% #C5D9BD	RGB 197 217 189	#C5D9BD
50.0%	50.0% #CADFC1	RGB 202 223 193	#CADFC1
66.7%	66.7% #D0E4C5	RGB 208 228 197	#D0E4C5
83.3%	83.3% #D5EAC9	RGB 213 234 201	#D5EAC9
100.0%	100.0% #DBF0CD	RGB 219 240 205	#DBF0CD

#BBCEB5 #C0D3B9 #C5D9BD #CADFC1 #D0E4C5 #D5EAC9 #DBF0CD

#BBCEB5 - #CADFC1 - #DBF0CD

Códigos CSS

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

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