#B6DBD9 - #CEE3C8 | 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 #B6DBD9 a #CEE3C8

#B6DBD9 #CEE3C8

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

#B6DBD9 - #CEE3C8 | 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 #B6DBD9 como 0% y #CEE3C8 como 100%.

0.0%	0.0% #B6DBD9	RGB 182 219 217	#B6DBD9
16.7%	16.7% #BADCD6	RGB 186 220 214	#BADCD6
33.3%	33.3% #BEDDD3	RGB 190 221 211	#BEDDD3
50.0%	50.0% #C2DFD0	RGB 194 223 208	#C2DFD0
66.7%	66.7% #C6E0CD	RGB 198 224 205	#C6E0CD
83.3%	83.3% #CAE1CA	RGB 202 225 202	#CAE1CA
100.0%	100.0% #CEE3C8	RGB 206 227 200	#CEE3C8

#B6DBD9 #BADCD6 #BEDDD3 #C2DFD0 #C6E0CD #CAE1CA #CEE3C8

#B6DBD9 - #CEE3C8

Mezcla HSV

#B6DBD9 - #CEE3C8 | 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 #B6DBD9 como 0% y #CEE3C8 como 100%.

0.0%	0.0% #B6DBD9	RGB 182 219 217	#B6DBD9
16.7%	16.7% #B8DCD3	RGB 184 220 211	#B8DCD3
33.3%	33.3% #BBDDCE	RGB 187 221 206	#BBDDCE
50.0%	50.0% #BEDFCA	RGB 190 223 202	#BEDFCA
66.7%	66.7% #C1E0C6	RGB 193 224 198	#C1E0C6
83.3%	83.3% #C5E1C4	RGB 197 225 196	#C5E1C4
100.0%	100.0% #CEE3C8	RGB 206 227 200	#CEE3C8

#B6DBD9 #B8DCD3 #BBDDCE #BEDFCA #C1E0C6 #C5E1C4 #CEE3C8

#B6DBD9 - #BEDFCA - #CEE3C8

Códigos CSS

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

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