#C0A8DE - #C5E2E3 | 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 #C0A8DE a #C5E2E3

#C0A8DE #C5E2E3

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

#C0A8DE - #C5E2E3 | 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 #C0A8DE como 0% y #C5E2E3 como 100%.

0.0%	0.0% #C0A8DE	RGB 192 168 222	#C0A8DE
16.7%	16.7% #C0B1DE	RGB 192 177 222	#C0B1DE
33.3%	33.3% #C1BBDF	RGB 193 187 223	#C1BBDF
50.0%	50.0% #C2C5E0	RGB 194 197 224	#C2C5E0
66.7%	66.7% #C3CEE1	RGB 195 206 225	#C3CEE1
83.3%	83.3% #C4D8E2	RGB 196 216 226	#C4D8E2
100.0%	100.0% #C5E2E3	RGB 197 226 227	#C5E2E3

#C0A8DE #C0B1DE #C1BBDF #C2C5E0 #C3CEE1 #C4D8E2 #C5E2E3

#C0A8DE - #C5E2E3

Mezcla HSV

#C0A8DE - #C5E2E3 | 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 #C0A8DE como 0% y #C5E2E3 como 100%.

0.0%	0.0% #C0A8DE	RGB 192 168 222	#C0A8DE
16.7%	16.7% #B7ACDE	RGB 183 172 222	#B7ACDE
33.3%	33.3% #B1B2DF	RGB 177 178 223	#B1B2DF
50.0%	50.0% #B6C1E0	RGB 182 193 224	#B6C1E0
66.7%	66.7% #BBCEE1	RGB 187 206 225	#BBCEE1
83.3%	83.3% #C0D9E2	RGB 192 217 226	#C0D9E2
100.0%	100.0% #C5E2E3	RGB 197 226 227	#C5E2E3

#C0A8DE #B7ACDE #B1B2DF #B6C1E0 #BBCEE1 #C0D9E2 #C5E2E3

#C0A8DE - #B6C1E0 - #C5E2E3

Códigos CSS

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

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