#B6DBDB - #CDE3C9 | 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 #B6DBDB a #CDE3C9

#B6DBDB #CDE3C9

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

#B6DBDB - #CDE3C9 | 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 #B6DBDB como 0% y #CDE3C9 como 100%.

0.0%	0.0% #B6DBDB	RGB 182 219 219	#B6DBDB
16.7%	16.7% #B9DCD8	RGB 185 220 216	#B9DCD8
33.3%	33.3% #BDDDD5	RGB 189 221 213	#BDDDD5
50.0%	50.0% #C1DFD2	RGB 193 223 210	#C1DFD2
66.7%	66.7% #C5E0CF	RGB 197 224 207	#C5E0CF
83.3%	83.3% #C9E1CC	RGB 201 225 204	#C9E1CC
100.0%	100.0% #CDE3C9	RGB 205 227 201	#CDE3C9

#B6DBDB #B9DCD8 #BDDDD5 #C1DFD2 #C5E0CF #C9E1CC #CDE3C9

#B6DBDB - #CDE3C9

Mezcla HSV

#B6DBDB - #CDE3C9 | 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 #B6DBDB como 0% y #CDE3C9 como 100%.

0.0%	0.0% #B6DBDB	RGB 182 219 219	#B6DBDB
16.7%	16.7% #B9DCD5	RGB 185 220 213	#B9DCD5
33.3%	33.3% #BCDDD0	RGB 188 221 208	#BCDDD0
50.0%	50.0% #BFDFCC	RGB 191 223 204	#BFDFCC
66.7%	66.7% #C2E0C9	RGB 194 224 201	#C2E0C9
83.3%	83.3% #C5E1C6	RGB 197 225 198	#C5E1C6
100.0%	100.0% #CDE3C9	RGB 205 227 201	#CDE3C9

#B6DBDB #B9DCD5 #BCDDD0 #BFDFCC #C2E0C9 #C5E1C6 #CDE3C9

#B6DBDB - #BFDFCC - #CDE3C9

Códigos CSS

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

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