#B6ECEC - #D2E4D0 | 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 #B6ECEC a #D2E4D0

#B6ECEC #D2E4D0

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

#B6ECEC - #D2E4D0 | 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 #B6ECEC como 0% y #D2E4D0 como 100%.

0.0%	0.0% #B6ECEC	RGB 182 236 236	#B6ECEC
16.7%	16.7% #BAEAE7	RGB 186 234 231	#BAEAE7
33.3%	33.3% #BFE9E2	RGB 191 233 226	#BFE9E2
50.0%	50.0% #C4E8DE	RGB 196 232 222	#C4E8DE
66.7%	66.7% #C8E6D9	RGB 200 230 217	#C8E6D9
83.3%	83.3% #CDE5D4	RGB 205 229 212	#CDE5D4
100.0%	100.0% #D2E4D0	RGB 210 228 208	#D2E4D0

#B6ECEC #BAEAE7 #BFE9E2 #C4E8DE #C8E6D9 #CDE5D4 #D2E4D0

#B6ECEC - #D2E4D0

Mezcla HSV

#B6ECEC - #D2E4D0 | 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 #B6ECEC como 0% y #D2E4D0 como 100%.

0.0%	0.0% #B6ECEC	RGB 182 236 236	#B6ECEC
16.7%	16.7% #BAEAE1	RGB 186 234 225	#BAEAE1
33.3%	33.3% #BEE9D9	RGB 190 233 217	#BEE9D9
50.0%	50.0% #C3E8D3	RGB 195 232 211	#C3E8D3
66.7%	66.7% #C7E6CF	RGB 199 230 207	#C7E6CF
83.3%	83.3% #CBE5CD	RGB 203 229 205	#CBE5CD
100.0%	100.0% #D2E4D0	RGB 210 228 208	#D2E4D0

#B6ECEC #BAEAE1 #BEE9D9 #C3E8D3 #C7E6CF #CBE5CD #D2E4D0

#B6ECEC - #C3E8D3 - #D2E4D0

Códigos CSS

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

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