#C7CEE8 - #CCF5E2 | 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 #C7CEE8 a #CCF5E2

#C7CEE8 #CCF5E2

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

#C7CEE8 - #CCF5E2 | 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 #C7CEE8 como 0% y #CCF5E2 como 100%.

0.0%	0.0% #C7CEE8	RGB 199 206 232	#C7CEE8
16.7%	16.7% #C7D4E7	RGB 199 212 231	#C7D4E7
33.3%	33.3% #C8DBE6	RGB 200 219 230	#C8DBE6
50.0%	50.0% #C9E1E5	RGB 201 225 229	#C9E1E5
66.7%	66.7% #CAE8E4	RGB 202 232 228	#CAE8E4
83.3%	83.3% #CBEEE3	RGB 203 238 227	#CBEEE3
100.0%	100.0% #CCF5E2	RGB 204 245 226	#CCF5E2

#C7CEE8 #C7D4E7 #C8DBE6 #C9E1E5 #CAE8E4 #CBEEE3 #CCF5E2

#C7CEE8 - #CCF5E2

Mezcla HSV

#C7CEE8 - #CCF5E2 | 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 #C7CEE8 como 0% y #CCF5E2 como 100%.

0.0%	0.0% #C7CEE8	RGB 199 206 232	#C7CEE8
16.7%	16.7% #C7D6EA	RGB 199 214 234	#C7D6EA
33.3%	33.3% #C8DFEC	RGB 200 223 236	#C8DFEC
50.0%	50.0% #C9E8EE	RGB 201 232 238	#C9E8EE
66.7%	66.7% #CAF0EE	RGB 202 240 238	#CAF0EE
83.3%	83.3% #CBF2E8	RGB 203 242 232	#CBF2E8
100.0%	100.0% #CCF5E2	RGB 204 245 226	#CCF5E2

#C7CEE8 #C7D6EA #C8DFEC #C9E8EE #CAF0EE #CBF2E8 #CCF5E2

#C7CEE8 - #C9E8EE - #CCF5E2

Códigos CSS

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

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