#B6E1E1 - #CFE3CB | 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 #B6E1E1 a #CFE3CB

#B6E1E1 #CFE3CB

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

#B6E1E1 - #CFE3CB | 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 #B6E1E1 como 0% y #CFE3CB como 100%.

0.0%	0.0% #B6E1E1	RGB 182 225 225	#B6E1E1
16.7%	16.7% #BAE1DD	RGB 186 225 221	#BAE1DD
33.3%	33.3% #BEE1D9	RGB 190 225 217	#BEE1D9
50.0%	50.0% #C2E2D6	RGB 194 226 214	#C2E2D6
66.7%	66.7% #C6E2D2	RGB 198 226 210	#C6E2D2
83.3%	83.3% #CAE2CE	RGB 202 226 206	#CAE2CE
100.0%	100.0% #CFE3CB	RGB 207 227 203	#CFE3CB

#B6E1E1 #BAE1DD #BEE1D9 #C2E2D6 #C6E2D2 #CAE2CE #CFE3CB

#B6E1E1 - #CFE3CB

Mezcla HSV

#B6E1E1 - #CFE3CB | 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 #B6E1E1 como 0% y #CFE3CB como 100%.

0.0%	0.0% #B6E1E1	RGB 182 225 225	#B6E1E1
16.7%	16.7% #B9E1D9	RGB 185 225 217	#B9E1D9
33.3%	33.3% #BCE1D3	RGB 188 225 211	#BCE1D3
50.0%	50.0% #C0E2CE	RGB 192 226 206	#C0E2CE
66.7%	66.7% #C3E2CA	RGB 195 226 202	#C3E2CA
83.3%	83.3% #C7E2C8	RGB 199 226 200	#C7E2C8
100.0%	100.0% #CFE3CB	RGB 207 227 203	#CFE3CB

#B6E1E1 #B9E1D9 #BCE1D3 #C0E2CE #C3E2CA #C7E2C8 #CFE3CB

#B6E1E1 - #C0E2CE - #CFE3CB

Códigos CSS

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

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