#64C4AA - #D2EEE6 | 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 #64C4AA a #D2EEE6

#64C4AA #D2EEE6

Calcule el color entre dos colores, #64C4AA y #D2EEE6. 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)

#64C4AA - #D2EEE6 | 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 #64C4AA como 0% y #D2EEE6 como 100%.

0.0%	0.0% #64C4AA	RGB 100 196 170	#64C4AA
16.7%	16.7% #76CBB4	RGB 118 203 180	#76CBB4
33.3%	33.3% #88D2BE	RGB 136 210 190	#88D2BE
50.0%	50.0% #9BD9C8	RGB 155 217 200	#9BD9C8
66.7%	66.7% #ADE0D2	RGB 173 224 210	#ADE0D2
83.3%	83.3% #BFE7DC	RGB 191 231 220	#BFE7DC
100.0%	100.0% #D2EEE6	RGB 210 238 230	#D2EEE6

#64C4AA #76CBB4 #88D2BE #9BD9C8 #ADE0D2 #BFE7DC #D2EEE6

#64C4AA - #D2EEE6

Mezcla HSV

#64C4AA - #D2EEE6 | 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 #64C4AA como 0% y #D2EEE6 como 100%.

0.0%	0.0% #64C4AA	RGB 100 196 170	#64C4AA
16.7%	16.7% #74CBB3	RGB 116 203 179	#74CBB3
33.3%	33.3% #85D2BC	RGB 133 210 188	#85D2BC
50.0%	50.0% #97D9C6	RGB 151 217 198	#97D9C6
66.7%	66.7% #A9E0D0	RGB 169 224 208	#A9E0D0
83.3%	83.3% #BDE7DB	RGB 189 231 219	#BDE7DB
100.0%	100.0% #D2EEE6	RGB 210 238 230	#D2EEE6

#64C4AA #74CBB3 #85D2BC #97D9C6 #A9E0D0 #BDE7DB #D2EEE6

#64C4AA - #97D9C6 - #D2EEE6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64C4AA 0%, #97D9C6 50%, #D2EEE6 100%);
    background: -webkit-linear-gradient(top, #64C4AA 0%, #97D9C6 50%, #D2EEE6 100%);
    background: linear-gradient(to bottom, #64C4AA 0%, #97D9C6 50%, #D2EEE6 100%);
}
</style>