#B5EADE - #D9E5CB | 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 #B5EADE a #D9E5CB

#B5EADE #D9E5CB

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

#B5EADE - #D9E5CB | 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 #B5EADE como 0% y #D9E5CB como 100%.

0.0%	0.0% #B5EADE	RGB 181 234 222	#B5EADE
16.7%	16.7% #BBE9DA	RGB 187 233 218	#BBE9DA
33.3%	33.3% #C1E8D7	RGB 193 232 215	#C1E8D7
50.0%	50.0% #C7E7D4	RGB 199 231 212	#C7E7D4
66.7%	66.7% #CDE6D1	RGB 205 230 209	#CDE6D1
83.3%	83.3% #D3E5CE	RGB 211 229 206	#D3E5CE
100.0%	100.0% #D9E5CB	RGB 217 229 203	#D9E5CB

#B5EADE #BBE9DA #C1E8D7 #C7E7D4 #CDE6D1 #D3E5CE #D9E5CB

#B5EADE - #D9E5CB

Mezcla HSV

#B5EADE - #D9E5CB | 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 #B5EADE como 0% y #D9E5CB como 100%.

0.0%	0.0% #B5EADE	RGB 181 234 222	#B5EADE
16.7%	16.7% #B8E9D3	RGB 184 233 211	#B8E9D3
33.3%	33.3% #BCE8CB	RGB 188 232 203	#BCE8CB
50.0%	50.0% #C0E7C4	RGB 192 231 196	#C0E7C4
66.7%	66.7% #C7E6C3	RGB 199 230 195	#C7E6C3
83.3%	83.3% #D1E5C7	RGB 209 229 199	#D1E5C7
100.0%	100.0% #D9E5CB	RGB 217 229 203	#D9E5CB

#B5EADE #B8E9D3 #BCE8CB #C0E7C4 #C7E6C3 #D1E5C7 #D9E5CB

#B5EADE - #C0E7C4 - #D9E5CB

Códigos CSS

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

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