#B5DCDB - #CEE3C9 | 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 #B5DCDB a #CEE3C9

#B5DCDB #CEE3C9

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

#B5DCDB - #CEE3C9 | 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 #B5DCDB como 0% y #CEE3C9 como 100%.

0.0%	0.0% #B5DCDB	RGB 181 220 219	#B5DCDB
16.7%	16.7% #B9DDD8	RGB 185 221 216	#B9DDD8
33.3%	33.3% #BDDED5	RGB 189 222 213	#BDDED5
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% #CEE3C9	RGB 206 227 201	#CEE3C9

#B5DCDB #B9DDD8 #BDDED5 #C1DFD2 #C5E0CF #C9E1CC #CEE3C9

#B5DCDB - #CEE3C9

Mezcla HSV

#B5DCDB - #CEE3C9 | 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 #B5DCDB como 0% y #CEE3C9 como 100%.

0.0%	0.0% #B5DCDB	RGB 181 220 219	#B5DCDB
16.7%	16.7% #B8DDD5	RGB 184 221 213	#B8DDD5
33.3%	33.3% #BBDECF	RGB 187 222 207	#BBDECF
50.0%	50.0% #BEDFCB	RGB 190 223 203	#BEDFCB
66.7%	66.7% #C2E0C8	RGB 194 224 200	#C2E0C8
83.3%	83.3% #C5E1C5	RGB 197 225 197	#C5E1C5
100.0%	100.0% #CEE3C9	RGB 206 227 201	#CEE3C9

#B5DCDB #B8DDD5 #BBDECF #BEDFCB #C2E0C8 #C5E1C5 #CEE3C9

#B5DCDB - #BEDFCB - #CEE3C9

Códigos CSS

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

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