#CFD2D2 - #C5E5CB | 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 #CFD2D2 a #C5E5CB

#CFD2D2 #C5E5CB

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

#CFD2D2 - #C5E5CB | 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 #CFD2D2 como 0% y #C5E5CB como 100%.

0.0%	0.0% #CFD2D2	RGB 207 210 210	#CFD2D2
16.7%	16.7% #CDD5D0	RGB 205 213 208	#CDD5D0
33.3%	33.3% #CBD8CF	RGB 203 216 207	#CBD8CF
50.0%	50.0% #CADBCE	RGB 202 219 206	#CADBCE
66.7%	66.7% #C8DECD	RGB 200 222 205	#C8DECD
83.3%	83.3% #C6E1CC	RGB 198 225 204	#C6E1CC
100.0%	100.0% #C5E5CB	RGB 197 229 203	#C5E5CB

#CFD2D2 #CDD5D0 #CBD8CF #CADBCE #C8DECD #C6E1CC #C5E5CB

#CFD2D2 - #C5E5CB

Mezcla HSV

#CFD2D2 - #C5E5CB | 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 #CFD2D2 como 0% y #C5E5CB como 100%.

0.0%	0.0% #CFD2D2	RGB 207 210 210	#CFD2D2
16.7%	16.7% #CDD5D4	RGB 205 213 212	#CDD5D4
33.3%	33.3% #CCD8D5	RGB 204 216 213	#CCD8D5
50.0%	50.0% #CADBD4	RGB 202 219 212	#CADBD4
66.7%	66.7% #C8DED2	RGB 200 222 210	#C8DED2
83.3%	83.3% #C6E1CF	RGB 198 225 207	#C6E1CF
100.0%	100.0% #C5E5CB	RGB 197 229 203	#C5E5CB

#CFD2D2 #CDD5D4 #CCD8D5 #CADBD4 #C8DED2 #C6E1CF #C5E5CB

#CFD2D2 - #CADBD4 - #C5E5CB

Códigos CSS

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

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