#C3C3C8 - #D3E2FF | 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 #C3C3C8 a #D3E2FF

#C3C3C8 #D3E2FF

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

#C3C3C8 - #D3E2FF | 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 #C3C3C8 como 0% y #D3E2FF como 100%.

0.0%	0.0% #C3C3C8	RGB 195 195 200	#C3C3C8
16.7%	16.7% #C5C8D1	RGB 197 200 209	#C5C8D1
33.3%	33.3% #C8CDDA	RGB 200 205 218	#C8CDDA
50.0%	50.0% #CBD2E3	RGB 203 210 227	#CBD2E3
66.7%	66.7% #CDD7EC	RGB 205 215 236	#CDD7EC
83.3%	83.3% #D0DCF5	RGB 208 220 245	#D0DCF5
100.0%	100.0% #D3E2FF	RGB 211 226 255	#D3E2FF

#C3C3C8 #C5C8D1 #C8CDDA #CBD2E3 #CDD7EC #D0DCF5 #D3E2FF

#C3C3C8 - #D3E2FF

Mezcla HSV

#C3C3C8 - #D3E2FF | 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 #C3C3C8 como 0% y #D3E2FF como 100%.

0.0%	0.0% #C3C3C8	RGB 195 195 200	#C3C3C8
16.7%	16.7% #C6C7D1	RGB 198 199 209	#C6C7D1
33.3%	33.3% #CACBDA	RGB 202 203 218	#CACBDA
50.0%	50.0% #CDD0E3	RGB 205 208 227	#CDD0E3
66.7%	66.7% #CFD6EC	RGB 207 214 236	#CFD6EC
83.3%	83.3% #D1DBF5	RGB 209 219 245	#D1DBF5
100.0%	100.0% #D3E2FF	RGB 211 226 255	#D3E2FF

#C3C3C8 #C6C7D1 #CACBDA #CDD0E3 #CFD6EC #D1DBF5 #D3E2FF

#C3C3C8 - #CDD0E3 - #D3E2FF

Códigos CSS

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

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