#CFCFD2 - #C5E2E5 | 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 #CFCFD2 a #C5E2E5

#CFCFD2 #C5E2E5

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

#CFCFD2 - #C5E2E5 | 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 #CFCFD2 como 0% y #C5E2E5 como 100%.

0.0%	0.0% #CFCFD2	RGB 207 207 210	#CFCFD2
16.7%	16.7% #CDD2D5	RGB 205 210 213	#CDD2D5
33.3%	33.3% #CBD5D8	RGB 203 213 216	#CBD5D8
50.0%	50.0% #CAD8DB	RGB 202 216 219	#CAD8DB
66.7%	66.7% #C8DBDE	RGB 200 219 222	#C8DBDE
83.3%	83.3% #C6DEE1	RGB 198 222 225	#C6DEE1
100.0%	100.0% #C5E2E5	RGB 197 226 229	#C5E2E5

#CFCFD2 #CDD2D5 #CBD5D8 #CAD8DB #C8DBDE #C6DEE1 #C5E2E5

#CFCFD2 - #C5E2E5

Mezcla HSV

#CFCFD2 - #C5E2E5 | 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 #CFCFD2 como 0% y #C5E2E5 como 100%.

0.0%	0.0% #CFCFD2	RGB 207 207 210	#CFCFD2
16.7%	16.7% #CDCED5	RGB 205 206 213	#CDCED5
33.3%	33.3% #CCCFD8	RGB 204 207 216	#CCCFD8
50.0%	50.0% #CAD2DB	RGB 202 210 219	#CAD2DB
66.7%	66.7% #C8D6DE	RGB 200 214 222	#C8D6DE
83.3%	83.3% #C6DBE1	RGB 198 219 225	#C6DBE1
100.0%	100.0% #C5E2E5	RGB 197 226 229	#C5E2E5

#CFCFD2 #CDCED5 #CCCFD8 #CAD2DB #C8D6DE #C6DBE1 #C5E2E5

#CFCFD2 - #CAD2DB - #C5E2E5

Códigos CSS

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

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