#B5E6D5 - #DAE6C8 | 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 #B5E6D5 a #DAE6C8

#B5E6D5 #DAE6C8

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

#B5E6D5 - #DAE6C8 | 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 #B5E6D5 como 0% y #DAE6C8 como 100%.

0.0%	0.0% #B5E6D5	RGB 181 230 213	#B5E6D5
16.7%	16.7% #BBE6D2	RGB 187 230 210	#BBE6D2
33.3%	33.3% #C1E6D0	RGB 193 230 208	#C1E6D0
50.0%	50.0% #C7E6CE	RGB 199 230 206	#C7E6CE
66.7%	66.7% #CDE6CC	RGB 205 230 204	#CDE6CC
83.3%	83.3% #D3E6CA	RGB 211 230 202	#D3E6CA
100.0%	100.0% #DAE6C8	RGB 218 230 200	#DAE6C8

#B5E6D5 #BBE6D2 #C1E6D0 #C7E6CE #CDE6CC #D3E6CA #DAE6C8

#B5E6D5 - #DAE6C8

Mezcla HSV

#B5E6D5 - #DAE6C8 | 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 #B5E6D5 como 0% y #DAE6C8 como 100%.

0.0%	0.0% #B5E6D5	RGB 181 230 213	#B5E6D5
16.7%	16.7% #B8E6CC	RGB 184 230 204	#B8E6CC
33.3%	33.3% #BBE6C5	RGB 187 230 197	#BBE6C5
50.0%	50.0% #BEE6BF	RGB 190 230 191	#BEE6BF
66.7%	66.7% #C8E6C1	RGB 200 230 193	#C8E6C1
83.3%	83.3% #D1E6C4	RGB 209 230 196	#D1E6C4
100.0%	100.0% #DAE6C8	RGB 218 230 200	#DAE6C8

#B5E6D5 #B8E6CC #BBE6C5 #BEE6BF #C8E6C1 #D1E6C4 #DAE6C8

#B5E6D5 - #BEE6BF - #DAE6C8

Códigos CSS

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

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