#CECDCD - #EED5FE | 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 #CECDCD a #EED5FE

#CECDCD #EED5FE

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

#CECDCD - #EED5FE | 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 #CECDCD como 0% y #EED5FE como 100%.

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #D3CED5	RGB 211 206 213	#D3CED5
33.3%	33.3% #D8CFDD	RGB 216 207 221	#D8CFDD
50.0%	50.0% #DED1E5	RGB 222 209 229	#DED1E5
66.7%	66.7% #E3D2ED	RGB 227 210 237	#E3D2ED
83.3%	83.3% #E8D3F5	RGB 232 211 245	#E8D3F5
100.0%	100.0% #EED5FE	RGB 238 213 254	#EED5FE

#CECDCD #D3CED5 #D8CFDD #DED1E5 #E3D2ED #E8D3F5 #EED5FE

#CECDCD - #EED5FE

Mezcla HSV

#CECDCD - #EED5FE | 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 #CECDCD como 0% y #EED5FE como 100%.

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #D6CFD0	RGB 214 207 208	#D6CFD0
33.3%	33.3% #DED1D7	RGB 222 209 215	#DED1D7
50.0%	50.0% #E6D2E0	RGB 230 210 224	#E6D2E0
66.7%	66.7% #EED4EC	RGB 238 212 236	#EED4EC
83.3%	83.3% #F0D4F6	RGB 240 212 246	#F0D4F6
100.0%	100.0% #EED5FE	RGB 238 213 254	#EED5FE

#CECDCD #D6CFD0 #DED1D7 #E6D2E0 #EED4EC #F0D4F6 #EED5FE

#CECDCD - #E6D2E0 - #EED5FE

Códigos CSS

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

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