#BBCEB9 - #DBEFCE | 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 #BBCEB9 a #DBEFCE

#BBCEB9 #DBEFCE

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

#BBCEB9 - #DBEFCE | 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 #BBCEB9 como 0% y #DBEFCE como 100%.

0.0%	0.0% #BBCEB9	RGB 187 206 185	#BBCEB9
16.7%	16.7% #C0D3BC	RGB 192 211 188	#C0D3BC
33.3%	33.3% #C5D9C0	RGB 197 217 192	#C5D9C0
50.0%	50.0% #CBDEC3	RGB 203 222 195	#CBDEC3
66.7%	66.7% #D0E4C7	RGB 208 228 199	#D0E4C7
83.3%	83.3% #D5E9CA	RGB 213 233 202	#D5E9CA
100.0%	100.0% #DBEFCE	RGB 219 239 206	#DBEFCE

#BBCEB9 #C0D3BC #C5D9C0 #CBDEC3 #D0E4C7 #D5E9CA #DBEFCE

#BBCEB9 - #DBEFCE

Mezcla HSV

#BBCEB9 - #DBEFCE | 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 #BBCEB9 como 0% y #DBEFCE como 100%.

0.0%	0.0% #BBCEB9	RGB 187 206 185	#BBCEB9
16.7%	16.7% #BFD3BC	RGB 191 211 188	#BFD3BC
33.3%	33.3% #C5D9C0	RGB 197 217 192	#C5D9C0
50.0%	50.0% #CADEC3	RGB 202 222 195	#CADEC3
66.7%	66.7% #CFE4C7	RGB 207 228 199	#CFE4C7
83.3%	83.3% #D5E9CA	RGB 213 233 202	#D5E9CA
100.0%	100.0% #DBEFCE	RGB 219 239 206	#DBEFCE

#BBCEB9 #BFD3BC #C5D9C0 #CADEC3 #CFE4C7 #D5E9CA #DBEFCE

#BBCEB9 - #CADEC3 - #DBEFCE

Códigos CSS

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

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