#ADD5E4 - #CBE3C9 | 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 #ADD5E4 a #CBE3C9

#ADD5E4 #CBE3C9

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

#ADD5E4 - #CBE3C9 | 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 #ADD5E4 como 0% y #CBE3C9 como 100%.

0.0%	0.0% #ADD5E4	RGB 173 213 228	#ADD5E4
16.7%	16.7% #B2D7DF	RGB 178 215 223	#B2D7DF
33.3%	33.3% #B7D9DB	RGB 183 217 219	#B7D9DB
50.0%	50.0% #BCDCD6	RGB 188 220 214	#BCDCD6
66.7%	66.7% #C1DED2	RGB 193 222 210	#C1DED2
83.3%	83.3% #C6E0CD	RGB 198 224 205	#C6E0CD
100.0%	100.0% #CBE3C9	RGB 203 227 201	#CBE3C9

#ADD5E4 #B2D7DF #B7D9DB #BCDCD6 #C1DED2 #C6E0CD #CBE3C9

#ADD5E4 - #CBE3C9

Mezcla HSV

#ADD5E4 - #CBE3C9 | 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 #ADD5E4 como 0% y #CBE3C9 como 100%.

0.0%	0.0% #ADD5E4	RGB 173 213 228	#ADD5E4
16.7%	16.7% #B1E1E3	RGB 177 225 227	#B1E1E3
33.3%	33.3% #B6E3DB	RGB 182 227 219	#B6E3DB
50.0%	50.0% #BBE3D3	RGB 187 227 211	#BBE3D3
66.7%	66.7% #BFE3CC	RGB 191 227 204	#BFE3CC
83.3%	83.3% #C4E3C8	RGB 196 227 200	#C4E3C8
100.0%	100.0% #CBE3C9	RGB 203 227 201	#CBE3C9

#ADD5E4 #B1E1E3 #B6E3DB #BBE3D3 #BFE3CC #C4E3C8 #CBE3C9

#ADD5E4 - #BBE3D3 - #CBE3C9

Códigos CSS

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

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