#B6C3C3 - #C7DEBC | 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 #B6C3C3 a #C7DEBC

#B6C3C3 #C7DEBC

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

#B6C3C3 - #C7DEBC | 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 #B6C3C3 como 0% y #C7DEBC como 100%.

0.0%	0.0% #B6C3C3	RGB 182 195 195	#B6C3C3
16.7%	16.7% #B8C7C1	RGB 184 199 193	#B8C7C1
33.3%	33.3% #BBCCC0	RGB 187 204 192	#BBCCC0
50.0%	50.0% #BED0BF	RGB 190 208 191	#BED0BF
66.7%	66.7% #C1D5BE	RGB 193 213 190	#C1D5BE
83.3%	83.3% #C4D9BD	RGB 196 217 189	#C4D9BD
100.0%	100.0% #C7DEBC	RGB 199 222 188	#C7DEBC

#B6C3C3 #B8C7C1 #BBCCC0 #BED0BF #C1D5BE #C4D9BD #C7DEBC

#B6C3C3 - #C7DEBC

Mezcla HSV

#B6C3C3 - #C7DEBC | 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 #B6C3C3 como 0% y #C7DEBC como 100%.

0.0%	0.0% #B6C3C3	RGB 182 195 195	#B6C3C3
16.7%	16.7% #B7C7C3	RGB 183 199 195	#B7C7C3
33.3%	33.3% #B8CCC3	RGB 184 204 195	#B8CCC3
50.0%	50.0% #B9D0C1	RGB 185 208 193	#B9D0C1
66.7%	66.7% #BAD5BD	RGB 186 213 189	#BAD5BD
83.3%	83.3% #BED9BB	RGB 190 217 187	#BED9BB
100.0%	100.0% #C7DEBC	RGB 199 222 188	#C7DEBC

#B6C3C3 #B7C7C3 #B8CCC3 #B9D0C1 #BAD5BD #BED9BB #C7DEBC

#B6C3C3 - #B9D0C1 - #C7DEBC

Códigos CSS

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

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